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. memcachq队列安装

    memcacheq是集中的队列小软件,使用起来简单,便捷,高效. 下载 http://git.oschina.net/sgfoot/linux-tools/raw/master/memcacheq-0 ...

  2. ios 使用keychain具体方法

    Dictionary  写入: if ([self.currentUserAccount length] > 0) {                                Keycha ...

  3. Rebuild account Windows 10 in Domain

    cmd ‘administrator’Regedit 1. Check User Profiles HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\C ...

  4. Cocos2d-x初识

    cocos2d-x引擎是什么 在学习游戏的时候就有意的搜索这方面的知识,知道游戏须要游戏引擎,引擎听着非常厉害,只是就是一个游戏框架. 或许某一个游戏框架火起来了,就非常流行了,只是我觉得不论什么游戏 ...

  5. php如何读取ini文件

    很多时候,我们使用配置文件来读取配置,那么php如何使用ini文件呢? 代码如下: 例如将:数据库信息存到ini文件中,进行读取. <?php header('content-type:text ...

  6. python(6)- 常用快捷键及基础命令

  7. python(36)- 测试题

    1.8<<2等于? 32 “<<”位运算 264 132 64 32 16 8 4 2 1 原始位置 0 0 0 0 0 1 0 0 0 想左位移2位 0 0 0 1 0 0 ...

  8. Android_动态权限管理的解决方式

    本博文为子墨原创.转载请注明出处! http://blog.csdn.net/zimo2013/article/details/50478201 1.前言 (1).因为MIUI等部分国产定制系统也有权 ...

  9. python--多种程序分析(2)

    1.文件操作有哪些模式?请简述各模式的作用 r模式只读  w模式只写 a模式只添加   r+可读可写  w+可写可读  a+可读可添加   rb  二进制只读  wb 二进制只写   ab 二进制添加 ...

  10. YARN和MapReduce的内存设置參考

    怎样确定Yarn中容器Container,Mapreduce相关參数的内存设置,对于初始集群,由于不知道集群的类型(如cpu密集.内存密集)我们须要依据经验提供给我们一个參考配置值,来作为基础的配置. ...