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