webpack -- 清理dist文件

在配置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

参考文献