前一節(jié)尤误,我們學(xué)習(xí)了gulp自身5種核心語法嗦篱。這一節(jié)我們說說依賴node的小模塊扼脐。
我們手動刪掉src下images下的幾張肠仪,開啟watch從新執(zhí)行一下build肖抱,后發(fā)現(xiàn)dist文件下的圖片并沒有被刪除,這是為什么呢?因?yàn)間ulp在執(zhí)行的時候异旧,只是更新覆蓋了和他文件名相同的文件意述,所以dist下的圖片并沒有刪除。我們在執(zhí)行build的之前吮蛹,我們是不是想著應(yīng)該先把dist中的文件清空荤崇,然后再執(zhí)行build方法,那樣不就是不會出現(xiàn)類似的情況了嗎潮针?
--恩术荤,對,你很棒每篷!
--但是瓣戚,那該怎么刪除呢?
node為我們提供了 del這個模塊 --進(jìn)行刪除文件
同樣雳攘,我們在控制臺切換到項(xiàng)目根目錄下
輸入 npm install del --save-dev
del方法一般應(yīng)用在版本更新的時候带兜,我們需要把舊版本刪除,重新上線新版本時吨灭。
結(jié)合以上的方法刚照,我們就有:
1、先清空dist文件再去執(zhí)行重構(gòu)
2喧兄、執(zhí)行重構(gòu)的時候也需要打開監(jiān)視
注:這里有bug,我們這樣在重構(gòu)的時候无畔,不能把public刪掉,在重構(gòu)的時候不會創(chuàng)建文件夾吠冤。
執(zhí)行順序如下圖
如果沒有同步進(jìn)來浑彰,在webstorm下可以點(diǎn)擊