webpack-plugins: plugin的使用 clean-webpack-plugin CleanWebpackPlugin

官网链接

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()
  ]
}