目前做代碼壓縮合并的工具有很多,諸如gulp,webpack,grunt等等,可以說(shuō)這些項(xiàng)目構(gòu)建工具的功能非常之強(qiáng)大:圖片壓縮、圖片轉(zhuǎn)base64、css和js的壓縮以及合并,文件的md5重命名 ……。本人之前也是在項(xiàng)目中沒(méi)具體使用過(guò),閑來(lái)無(wú)事,查查資料,自己寫(xiě)了一個(gè)用gulp工具的小demo,有很多不足之處,歡迎指點(diǎn)。
第一步:安裝node和npm
不用說(shuō),要用gulp,得先安裝node和npm(安裝完node后,自帶有npm)
Node官網(wǎng)下載地址:https://nodejs.org/en/download/(具體怎么安裝請(qǐng)自行查資料)
第二步:安裝需要的插件
使用npm安裝需要的插件(命令后面加 -g 表示全局安裝,加 --save-dev 只安裝到當(dāng)前項(xiàng)目)
由于當(dāng)前項(xiàng)目要使用,所以這些插件必須得安裝到本項(xiàng)目中
安裝命令如下:
延伸閱讀
學(xué)習(xí)是年輕人改變自己的最好方式