這是在講 Gulp 不是飲料是任務自動化工具這件事:自動刪除檔案篇

前言

接下來將會介紹開發環境的其中一個問題,當我們完成前端開發後就會直接交付 public 給後端,但是我們必須確保 public 是最新版的,所以就必須透過指令來刪除 public 再重新生成 puglic

起手式

首先我們會安裝一個套件叫做 gulp-clean

1
npm install --save gulp-clean

使用方式

這句話真的說很多次都不膩,我們可以從官方文件中看到範例寫法,然後稍作修改就好

1
2
3
4
gulp.task('clean', () => {
return gulp.src('./public', {read: false})
.pipe($.clean());
});

好的,恭喜你,你已經寫完了。

不用懷疑就這麼短,接下來只需要再新增一個專門的任務柱列就好了

1
gulp.task('bulid', gulp.series('clean', 'copyHTML', 'scss', 'babel', 'image'));

接下來我們只要執行 bulid,它就會先刪除 public 資料夾,然後再依序執行各自的任務,當然我會建議 bulid 就是專門要輸出了,所以應該要這樣輸入指令

1
gulp bulid --env prod

prod

這樣子我們就可以確保交付前端頁面給後端是最新版的程式碼~