grunt是壓縮代碼壮虫，合并代碼，檢測代碼書寫規(guī)范
grunt也是前端自動化环础，構(gòu)建項目工具
grunt官網(wǎng)：http://www.gruntjs.net/
grunt是基于：nodeJs
在cmd環(huán)境驗證是否靠譜并檢查版本：node -v和npm -v
一：grunt使用流程
1.使用cmd安裝grunt命令環(huán)境
npm install grunt-cli -g
使用cmd驗證是否安裝成功
grunt --version
2.需要準(zhǔn)備兩個文件
Gruntfile.js 編寫任務(wù)
package.json 工程文件（項目配置文件）
3.編寫具體任務(wù)
module.exports=function (grunt){};
4.運行任務(wù)
需要找到囚似，Gruntfile這個js所在目錄
*在cmd命令行里面輸入:grunt
5.使用cmd安裝本地grunt
需要在本地安裝grunt
npm install grunt
二：如何使用grunt壓縮js,contrib-uglify
使用方法：grunt-contrib-uglify
1：grunt編寫具體任務(wù)格式（sjon格式）：
主任務(wù)名:{
子任務(wù)名:{},
子任務(wù)名:{},
子任務(wù)名:{},
子任務(wù)名:{},
子任務(wù)名:{},
子任務(wù)名:{},
子任務(wù)名:{}
}
2：在cmd命令下載contrib-uglify模塊
npm install grunt-contrib-uglify
運行
grunt ugligy(主任務(wù)名稱)
3：在cmd命令下載css模塊
npm install grunt-contrib-cssmin
4：配置文件
package.json
在cmd命令行輸入
npm install grunt --save-dev
npm init
5：在cmd命令下載監(jiān)聽
npm install grunt-contrib-watch
gulp是：前端自動化構(gòu)建工具，跟grunt一樣线得，gulp運行比grunt快
一：gulp和grunt區(qū)別：
1:gulp:快饶唤，跟nodejs一樣快
2:grunt:相對慢
3:公司里面大部分情況用的都是gulp
官網(wǎng):http://www.gulpjs.com.cn/
插件：http://gulpjs.com/plugins/
二：使用流程
1.使用cmd安裝一個全局gulp命令環(huán)境
npm install gulp-cli -g
2.使用cmd驗證安裝成功
gulp --version
3.準(zhǔn)備倆文件
gulpfile.js gulp任務(wù)編寫文件
package.json 工程文件
4.編寫gulp任務(wù)
引入模塊
編寫任務(wù)
5.使用cmd安裝本地gulp
npm install gulp
6.下載模塊
npm install gulp-uglify
npm install gulp-cssmin
npm install gulp-html
npm install gulp-rename
7.使用cmd運行
gulp+任務(wù)名