码迷,mamicode.com
首页 > 编程语言 > 详细

grunt -- javascript自动化工具

时间:2016-10-15 14:02:53      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:

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配置文件

技术分享

 

grunt -- javascript自动化工具

标签:

原文地址:http://www.cnblogs.com/king2016/p/5963128.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!