grunt -- javascript自动化工具

Posted 2020-08-14

grunt 是一个基于npm,node.js 用js编写的工具框架,可以自动完成一些重复性的任务(如合并文件,语法检查,压缩代码),

grunt拥有庞大的插件库,可以满足各种自动化批处理需求,常用的插件有:

concat  ---> 合并文件
csslint  ---> css语法检查
cssmin  ---> css压缩
jshint  ---> js语法检查
uglify  ---> js压缩
watch  ---> 自动化核心,监视文件修改并执行插件

插件安装指令:

npm install grunt-contrib-concat --save-dev
npm install grunt-contrib-csslint --save-dev
npm install grunt-contrib-cssmin --save-dev
npm install grunt-contrib-jshint --save-dev
npm install grunt-contrib-uglify --save-dev
npm install grunt-contrib-watch --save-dev

npm package.json 安装完插件后的配置

 1 {
 2   "name": "grunt_test",
 3   "version": "1.0.1",
 4   "devDependencies": {
 5     "grunt": "^1.0.1",
 6     "grunt-contrib-concat": "^1.0.1",
 7     "grunt-contrib-csslint": "^2.0.0",
 8     "grunt-contrib-cssmin": "^1.0.2",
 9     "grunt-contrib-jshint": "^1.0.0",
11     "grunt-contrib-uglify": "^2.0.0",
12     "grunt-contrib-watch": "^1.0.0"
13   }
14 }

[重中之重] Gruntfile.js  grunt配置文件