官網鏈接

Usage 用法

NOTE: Node v10+ and webpack v4+ are supported and tested.

const { CleanWebpackPlugin } = require('clean-webpack-plugin');

module.exports = {
    plugins: [
        new CleanWebpackPlugin()
    ],
};

關于

默認情況下，該插件將刪除網頁包輸出中的所有文件。路徑目錄，以及每次成功重建后所有未使用的網頁包資產

options

dry 模擬刪除
verbose 將日志寫入控制臺
cleanStaleWebpackAssets 重建時自動刪除所有未使用的網頁包資產
protectWebpackAssets 不允許刪除當前的網頁包資產
cleanOnceBeforeBuildPatterns 在編譯網頁包之前刪除一次文件
cleanAfterEveryBuildPatterns 每次生成（包括監視模式）后刪除與此模式匹配的文件。
dangerouslyAllowCleanPatternsOutsideProject 需要顯式設置dry選項

報錯

clean-webpack-plugin: options.output.path not defined. Plugin disabled…

解決
/webpack.config.js

const { CleanWebpackPlugin } = require('clean-webpack-plugin');
module.exports = {
  output: {
    path: __dirname + '/dist'
  },
  plugins: [
    new CleanWebpackPlugin()
  ]
}