1: 安装node环境
2: Grunt命令行（CLI）安装到全局环境中
->npm install -g grunt-cli
3: 创建自己的项目(新建一个demo)
4: 执行命令或手动创建 package.json 文件
->npm init
5: 安装grunt 插件
->npm install grunt --save-dev
->npm install grunt-contrib-less --save-dev
->npm install grunt-contrib-watch --save-dev
6: 新建 Gruntfile.js 启动文件
内容
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
less: {
development: {
files: [{
expand: true,
cwd: './static/less',
src: ['**/*.less'],
dest: 'static/css',
ext: '.css'
}]
}
},
watch: {
options: {
livereload: true
},
scripts: {
files: ['./static/less/**/*.less'],
tasks: ['less'],
options: {
spawn: false,
},
},
},
});
grunt.loadNpmTasks('grunt-contrib-less');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.registerTask('default', ['less', 'watch']);
}
