在配置webpack的过程中，我们发现，dist文件里面有很多我们不需要的文件，或者是之前产生的垃圾文件，所以需要插件帮我自动清理这些文件，只生成我们用到的文件
npm install clean-webpack-plugin --save-dev按照webpack官网，我们配置完成发现，其实那个配置错的，这个插件传参必须是对象，不能是数组
官网操作，很多网上的资料的操作也是这个
plugins: [
new CleanWebpackPlugin(['dist'])
]运行之后会发现报错，要求是个对象参数，建议直接写成下面这个样子
plugins: [
new CleanWebpackPlugin()
]webpack的output.path目录中的所有文件都将被删除一次，但是目录本身不会。如果使用webpack 4 +的默认配置， / dist /下的所有内容都将被删除。使用cleanOnceBeforeBuildPatterns覆盖此行为。在重建期间，所有不再使用的webpack资产将自动删除。
经过测试，发现，其实不用配置参数，直接就如上面配置，即可，每次build都会删除dist里面的内容，再重新生成一遍，不过不知道是不是默认的，如果不是dist文件，不知道还会不会这样
| 参数 | 说明 |
|---|---|
| dry | 配置true,默认是：false |
| verbose | 配置true，默认是：false |
| cleanStaleWe??bpackAssets | 配置false，默认是：true，这个是在重建时自动删除所有未使用的webpack资产 |
| protectWebpackAssets | 配置false，默认是：true，不允许删除当前的webpack资产 |
| cleanOnceBeforeBuildPatterns | 在Webpack编译之前删除一次文件，不包括重建中，配置是个数组，默认：[‘**/*‘]，如果是个空数组，则表示禁用 |
| cleanAfterEveryBuildPatterns | 在每个与此模式匹配的构建（包括监视模式）后删除文件，用于不是由Webpack直接创建的文件，默认是个空数组禁用 |
| dangerouslyAllowCleanPatternsOutsideProject | 需要明确设置dry选项，默认false，配置true |
原文：https://www.cnblogs.com/zjh-study/p/10845972.html