Grunt 合并编译less文件

Gruntfile.js 配置项：

// 安装依赖
// npm install -g grunt-cli
// npm install --save-dev grunt
// npm install --save-dev grunt-contrib-concat
// npm install --save-dev grunt-contrib-less
// npm install --save-dev grunt-contrib-clean
// npm install --save-dev grunt-contrib-watch
// 在项目根目录新建此文件：Gruntfile.js
// 终端执行> grunt 即可

module.exports = function(grunt) {

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    concat: {
      css: {
        // 源文件，数组/字符串，
        src: "src/**/*.less",
        // 目标文件, pkg.name 是定义在 package.json 文件中的 name
        dest: 'lib/style/<%= pkg.name %>.less'
      }
    },
    less: {
      compile: {
        files: {
          'lib/style/<%= pkg.name %>.css': 'lib/style/<%= pkg.name %>.less'
        }
      },
      compress: {
        files: {
          'lib/style/<%= pkg.name %>.min.css': 'lib/style/<%= pkg.name %>.css'
        },
        options: {
          compress: true
        }
      }
    },
    clean: {
      build: {
        src: ["lib/style/<%= pkg.name %>.less"]
      }
    },
    watch: {
      scripts: {
        files: ['src/**/*.less'],
        tasks: ['concat', 'less', 'clean']
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-concat'); // 文件合并
  grunt.loadNpmTasks('grunt-contrib-less'); // less -> css
  grunt.loadNpmTasks('grunt-contrib-clean'); // 文件删除
  grunt.loadNpmTasks('grunt-contrib-watch'); // 监听文件修改

  grunt.registerTask('default', ['concat', 'less', 'clean', 'watch']);

};