這兩天公司讓研究js壓縮，去掉js中的備注和空格草巡，網(wǎng)上看了一些技術(shù)方案守呜，都需要js代碼合并，而我們并不想把js代碼合并成一個(gè)js山憨。所以就看到了grunt的配置壓縮查乒，下面我們直接來(lái)看過(guò)程吧。
安裝配置環(huán)境
一郁竟、先安裝grunt環(huán)境:
?npm install -g grunt-cli
二玛迄、創(chuàng)建package.json文件，控制grunt插件的版本等信息
1棚亩、可以手動(dòng)創(chuàng)建一個(gè)package.json文件蓖议，格式如package.json圖
2.可以使用代碼創(chuàng)建：?
npm init? ?
三虏杰、添加需要用到的插件：
這里我先把所需要的插件全部添加到項(xiàng)目中：
npm install grunt --save-dev
npm install load-grunt-tasks --save-dev
npm install time-grunt --save-dev
npm install grunt-contrib-copy --save-dev
npm install grunt-contrib-clean --save-dev
npm install grunt-contrib-uglify --save-dev
四、創(chuàng)建配置文件 ------- Gruntfile.js勒虾，這里我只展示一下結(jié)合自己項(xiàng)目文件實(shí)現(xiàn)的一下簡(jiǎn)單方法纺阔，配置參數(shù)如下：
五、運(yùn)行：
1修然、單獨(dú)調(diào)用每一個(gè)服務(wù)
grunt copy //將文件從源文件拷貝到目標(biāo)文件
grunt clean //清除文件
grunt unglify //壓縮js從源文件到目標(biāo)文件
2州弟、構(gòu)建組合的build服務(wù)
grunt build
總結(jié)：
這里只是記錄一下簡(jiǎn)單的操作和實(shí)現(xiàn)的例子，具體的實(shí)現(xiàn)還是需要查grunt文檔的api查看低零。grunt中文文檔地址：http://www.gruntjs.net/
web的緩存一直都是一個(gè)頭疼的事情婆翔，grunt中還提供了grunt-rev插件，將文件名增加md5加密的數(shù)據(jù)掏婶，這樣的話文件中只要有修改的地方md5加密都會(huì)發(fā)生改變啃奴，這樣我們就能保證最新的文件能夠及時(shí)更新。
grunt-usemin插件雄妥，rev將MD5文件重命名之后的文件最蕾，來(lái)替換原文件中引用該文件的地方，這樣我們就用擔(dān)心老厌，加密之后文件引用出現(xiàn)錯(cuò)誤了瘟则。
