這是在講 Gulp 不是飲料是任務自動化工具這件事:自動刪除檔案篇
前言
接下來將會介紹開發環境的其中一個問題,當我們完成前端開發後就會直接交付 public 給後端,但是我們必須確保 public 是最新版的,所以就必須透過指令來刪除 public 再重新生成 puglic
起手式
首先我們會安裝一個套件叫做 gulp-clean
1 | npm install --save gulp-clean |
使用方式
這句話真的說很多次都不膩,我們可以從官方文件中看到範例寫法,然後稍作修改就好
1 | gulp.task('clean', () => { |
好的,恭喜你,你已經寫完了。
不用懷疑就這麼短,接下來只需要再新增一個專門的任務柱列就好了
1 | gulp.task('bulid', gulp.series('clean', 'copyHTML', 'scss', 'babel', 'image')); |
接下來我們只要執行 bulid
,它就會先刪除 public 資料夾,然後再依序執行各自的任務,當然我會建議 bulid
就是專門要輸出了,所以應該要這樣輸入指令
1 | gulp bulid --env prod |
這樣子我們就可以確保交付前端頁面給後端是最新版的程式碼~