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. jquery图片左右来回循环飘动

    $(function () { function left_right() { $("#sc1452").animate({'left':'-=100'},5000).delay( ...

  2. andriod打开摄像头和打开相册

    package com.example.yanlei.picture; import android.support.v7.app.AppCompatActivity; import android. ...

  3. 高通msm8994启动流程简单介绍

    处理器信息 8994包括例如以下子系统: 子系统 处理器 含义 APSS 4*Cortex-A53 应用子系统 APSS 4*Cortex-A57 应用子系统 LPASS QDSP6 v5.5A(He ...

  4. Understand the Business Domain

     Understand the Business Domain Mark Richards EFFECTivE SoFTWARE ARCHiTECTS understand not only tec ...

  5. Activiti 流程部署方式 activi 动态部署(高级源代码篇)

    Activiti的流程 部署方式有非常多种方式,我们能够依据activit工作流引擎提供的ap方式进行部署. 当然了实际需求决定你要使用哪一种api操作,后面的总结具体介绍了使用场景. 以下看一下部署 ...

  6. 3D空间中射线与轴向包围盒AABB的交叉检测算法 【转】

    http://blog.csdn.net/i_dovelemon/article/details/38342739 引言 在上一节中,我讲述了如何实现射线与三角形的交叉检测算法. 但是,我们应该知道, ...

  7. PS 基础知识 如何绘制几何图形

    注意:规则的几何图形必须用路径工具,如果使用简单的椭圆工具再描边,则效果是像素堆砌起来的.图像一旦放大就是出现明显的失真.   使用钢笔工具,然后选择路径工具,然后选择需要绘制的图形.   如果需要找 ...

  8. HDU 4635 Strongly connected(强连通)经典

    Strongly connected Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Other ...

  9. C++11 并发指南三(std::mutex 详解)(转)

    转自:http://www.cnblogs.com/haippy/p/3237213.html 上一篇<C++11 并发指南二(std::thread 详解)>中主要讲到了 std::th ...

  10. jquery easyui 全部图标

    所有的图标在 jquery-easyui-1.2.6\themes\icons 目录下, 在icon.css定义的如何引用 jquery-easyui-1.2.6/themes/icon.css .i ...