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']); };
