Grunt 自动编译 Less 文件配置

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文件下载相关插件

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