1.安装Grunt

  http://www.gruntjs.net/getting-started

2.编辑 package.json 文件

{
"name": "GruntTest",
"version": "1.0.0",
"devDependencies": {
"grunt": "^0.4.5",
"grunt-contrib-watch": "^0.6.1",
"grunt-contrib-less": "^1.3.0"
}
}

3.执行npm命令

npm install

注意:必须在package.json文件目录下执行

执行命令后就会在根据package.json文件下载相关插件

aaarticlea/png;base64,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" alt="" />

4.配置Gruntfile.js文件

 module.exports = function(grunt) {

   // Project configuration.
grunt.initConfig({ pkg: grunt.file.readJSON('package.json'),
less: {
main: {
files: {
'../css/login.css': '../model/less/*.less'
}
},
task: {
expand: true,
src: ['../model/less/*.less'],
dest:'dis',
ext: '.css'
} },
watch: {
scripts: {
files: ['../model/less/*.less'],
tasks: ['less:task']
}
}
});
grunt.loadNpmTasks('grunt-contrib-less');
grunt.loadNpmTasks('grunt-contrib-watch'); grunt.registerTask('default', ['watch','less']);
};

5.执行 Grunt

grunt

Grunt 自动编译 Less 文件配置的更多相关文章

  1. Eclipse不自动编译java文件的终极解决方案

    最近我的eclipse经常犯傻,项目中总是有很多,启动项目也是没有启动类.查了下项目中生成的class文件,我靠竟然没有,或者还是以前的.原来是eclipse犯傻了,它没帮我自动编译java文件.一般 ...

  2. Eclipse不能自动编译 java文件的解决方案

    前段时间出现了eclipse 不自动编译java文件的问题,在网上找了好长时间,总算把问题解决了,现在把这个问题的解决方法总结一下. 1,看看project -- Build Automaticall ...

  3. SSH自动登录config文件配置

    title: SSH自动登录config文件配置 comments: false date: 2019-08-19 19:29:13 description: 更方便的 ssh 操作??? categ ...

  4. Eclipse不能自动编译 java文件

      在网上的解决方法 方法参考如下: (1) Window-->Preferences-->General-->Workspace  有个"Build automatica ...

  5. Eclipse不能自动编译 java文件,不会生成CLASS

    每次修改类代码后都得重启 Tomcat 花了1天终于解决,网上所说基本是下面1和2的方法,使用之后还是不行最后重新建工作环境导入项目对比了一下找到第三种方法 1.Project 下有个 "B ...

  6. Tomcat不能自动编译JSP文件问题的一种解决方法

    今天碰到一个非常奇怪的问题,机器环境是JDK8.Tomcat8,把jQuery MiniUI ( for Java Eclipse)下载后导入到Eclipse中,首页可以显示,但运行操作数据库的页面出 ...

  7. 配置tomcat及如何自动编译jsp文件

    1.myeclipse如何关联tomcat? 四个注意点...  必须一致! 2.别人修改过jsp不用重启服务器,我的却要每次重启服务器,网上找了很多方法都没有用,很是郁闷...最后发现了原来是bui ...

  8. 安利一个MVC的好东西,RazorGenerator.MsBuild,可以自动编译cshtml文件

    在传统的asp.net webForm 开发里,在发布时,如果选择预编译,就会自动将所有的aspx 文件编译,在发布后的目录里,就看不到aspx的源代码了,同时因为是预编译的,所以每个页面打开速度都挺 ...

  9. webstoem自动编译less文件

    去node的主页下载对应版本的nodejs然后安装下载地址:http://nodejs.org/   根据自己的系统选择合适的版本下载. 安装完成之后打开命令提示符(win+r 输入cmd 回车),分 ...

随机推荐

  1. Spring IOC知识java反射

    [1] Java反射知识-->Spring IoC :http://www.iteye.com/topic/1123081 [2] Java动态代理-->Spring AOP :http: ...

  2. Leanote 二进制版详细安装教程 Windows

    https://github.com/leanote/leanote/wiki 本教程适合 Windows 用户的二进制版安装. Windows 用户的源码版安装,参见这里. Mac, Linux 用 ...

  3. 使用纯CSS3实现一个日食动画

    日食现象是月亮挡在了地球和太阳之间,也就是月亮遮挡住了太阳. 所以要构造日食,我们须要2个对象:一个代表月亮,一个代表太阳. <div class="eclipse sun" ...

  4. java设计模式之-建造者模式

    建造者模式可以将复杂的构建与其表示相分离,是的相同的构建过程可以创建出不同的表示.     建造者模式与抽象工厂的差别是:在建造者模式里,有个指导者,这个指导者来管理建造者.用户与指导者相互联系,指导 ...

  5. 百科知识 tar文件如何打开

    tar 是什么文件格式,是干什么用的,用什么打开 tarball压缩格式,源于Linux的一个指令,Windows上可以用WinRAR打开 Linux的实用程序tar最初是为了制作磁带存档而设计的(把 ...

  6. Eclipse 安装(Oxygen版本)

    Eclipse 安装(Oxygen版本) Eclipse 最新版本 Eclipse Neon,这个首次鼓励用户使用 Eclipse Installer 来做安装,这是一种由Eclipse Oomph提 ...

  7. wince开发_摩托罗拉MC3100_打开条码设置

    呵呵不多说,直接上图 1.打开控制面板 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0 ...

  8. 整合Hibernate3.x

    As of Spring 3.0, Spring requires Hibernate 3.2 or later. Hibernate 3和Hibernate 4有一些区别,所以对于spring而已, ...

  9. C#给指定doc文件写入宏

    private void InsertMacro() { Word.Application oWord; Word.Document oDoc; VBIDE.VBComponent oModule; ...

  10. 开始学习linux的一些疑问

    Linux - Unix环境高级编程(第三版) 代码编译 https://www.linuxidc.com/Linux/2011-08/41228.htm ftp://ftp1.linuxidc.co ...