前言:
1.測試通過環(huán)境:
chrome v28.0.1500.71 + nodejs v0.10.18 / firefox v14.0.1 + nodejs v0.10.18
2.一鍵壓縮文件存放位置:
根目錄下的test文件夾(你也可以指定需要壓縮的根目錄硅瞧,可以在前端傳uglifyUrl這個(gè)值),你必須把
需要壓縮的Js/Css/Images分別歸類歸好滥嘴,如下圖:
當(dāng)然也可以這樣风钻,如下圖:
目錄層級(jí)深度可以無限長响牛,只需注意兩點(diǎn):
1.要壓縮的文件必須放在test(可在前端指定)目錄下宦言;
2.同一個(gè)目錄下换薄,只能放同一類型的文件藐唠,比如js文件夾里只能有js文件,css文件夾里只能有css文件爆土,
圖片文件夾里只能用圖片類型文件(包括png/jpg/gif/jpeg…)
3.此功能需要安裝的****node****模塊(壓縮包解壓后模塊已安裝好):
socket.io :作用為客戶端和服務(wù)器端的雙向?qū)崟r(shí)通信椭懊;
uglify-js :作用為js文件的壓縮;
clean-css :作用為css文件的壓縮步势;
node-smushit :作用為圖片文件的壓縮氧猬;
walk :作用為分析磁盤的目錄結(jié)構(gòu);
4.功能介紹:
(1)當(dāng)配置好nodejs服務(wù)器后坏瘩,訪問一鍵壓縮頁面http://127.0.0.1:3003盅抚,會(huì)出現(xiàn)如下圖:
(2)當(dāng)把需要壓縮的文件放到test根目錄下后,即可點(diǎn)擊一鍵壓縮按鈕進(jìn)行壓縮倔矾,如下圖:
(3)如果壓縮圖片不多的話妄均,應(yīng)該不到兩分鐘,即可壓縮完畢破讨,如下圖:
(4)此時(shí)能達(dá)到的合并壓縮效果丛晦,如下圖
1.Js文件合并壓縮:
2.Css文件合并壓縮:
3. 圖文文件壓縮前與壓縮后的容量對(duì)比:
(1) node模塊安裝有誤,如下圖
(2)壓縮指定目錄有誤提陶,如下圖
(3)壓縮的Js文件語法錯(cuò)誤烫沙,或者壓縮的目錄文件夾中,存在未知的類型文件隙笆,會(huì)導(dǎo)致合并壓縮無法進(jìn)行下去锌蓄,如下圖:
6.有關(guān)IT界的其它事兒:
**7.最后 **