Gulp - 清理不需要的檔案

在本章，您將學習如何清理生成的檔案。當我們自動生成檔案時，請務必在執行構建之前刪除不必要的檔案。此過程稱為清理。del 外掛可用於此目的。

安裝 del 外掛

在您的命令列中透過輸入以下命令安裝外掛。

npm install del --save-dev

宣告依賴項並建立任務

在您的配置檔案 gulpfile.js 中，按以下命令所示宣告依賴項。

var del = require('del');

接下來，按以下程式碼所示建立一個任務。

gulp.task('clean:build', function() {
   return del.sync('build');
});

上述任務將清理整個構建。clean 任務會清除任何影像快取並刪除構建中存在的任何舊檔案。

還可以僅清理特定檔案或資料夾，讓其中一些檔案保持不變，如下面的程式碼所示。

gulp.task('clean:build', function() {
   //return del.sync('build');
   return del([
      'build/temp/',
      // instructs to clean temp folder
      '!build/package.json'
      // negate to instruct not to clean package.json file ]);
});

在上述任務中，將只清理 temp 資料夾，讓 package.json 保持不變。