全局安装 grunt-cli :npm i -g grunt-cli
局部安装grunt :npm i grunt --save-dev
运行构建项目的命令:grunt
项目中根目录必须包含配置文件:Gruntfile.js
文件为一个暴露出来的function
module.exports=function(grunt){
//初始化配置grunt任务
grunt.initConfig({
// 任务名
concat:{
options:{
//合并文件的连接符
separator:';'
},
dist:{
// 合并的源文件
src:['src/*.js'],
//输出文件
dest:'dist/built.js'
}
}
})
//grunt任务执行时加载对应任务插件
grunt.loadNpmTasks('grunt-contrib-concat')
//注册grunt的默认任务
grunt.registerTask('default',[])
}
执行任务grunt concat
但是如果有多个任务就需要按照顺序执行:
如 grunt concat 合并文件后 grunt uglify压缩文件,十分麻烦,所以使用默认任务
grunt.registerTask('default',['concat','uglify'])
此时直接 grunt 即可按照数组任务顺序同步执行
如果存在开发需要的插件的任务如watch,可以再注册一个任务用于开发,如:
grunt.registerTask('default',[])
grunt插件
js语法检查使用插件
npm i grunt-contrib-jshint
需要创建配置文件 .jshintrc