grunt:基于:node 開(kāi)發(fā)
壓縮代碼蝉娜,合并代碼缔莲,檢測(cè)代碼書(shū)寫(xiě)規(guī)范...
前端自動(dòng)化工具
構(gòu)建項(xiàng)目
官網(wǎng):http://gruntjs.com/
中文官網(wǎng):http://www.gruntjs.net/
插件地址:http://gruntjs.com/plugins
cmd使用流程:
1.安裝grunt的命令環(huán)境
npm install -g grunt-cli
驗(yàn)證grunt已安裝
grunt -version
2.需要準(zhǔn)備兩個(gè)文件:(名字不能亂叫)
Gruntfile.js 編寫(xiě)任務(wù)
package.json 工程文件 npm init
3.編寫(xiě)具體任務(wù)
module.exports=function(grunt){
console.log("第一個(gè)grunt程序");
}
4.安裝本地grunt
npm install grunt --save-dev
5.運(yùn)行
找到Gruntfile這個(gè)js所在目錄
執(zhí)行命令: grunt
壓縮插件:
圖片--> npm install grunt-contrib-imagemin --save-dev
HTML --> npm install grunt-contrib-htmlmin --save-dev
css --> npm install grunt-contrib-cssmin --save-dev
js --> npm install grunt-contrib-uglify --save-dev
監(jiān)聽(tīng)模塊 --> npm install grunt-contrib-watch --save-dev
合并文件--> npm install grunt-contrib-concat --save-dev
其余插件:
grunt-contrib-clean 刪除文件以及文件夾
grunt-contrib-copy 復(fù)制東西
grunt-contrib-jshint 檢測(cè)js語(yǔ)法代碼