Webpack5 CleanWebpackPlugin

---

一、clean-webpack-plugin有什么用

clean-webpack-plugin是webpack的一个小插件，由于每次打包的时候有可能文件名称和文件内容不一样，打包后的文件就叠加到输出目录下了。
所以cleanWebPackPlugin作用就是在每次打包之前，先把输出目录删掉，创建最新的目录，避免一些不必要的文件还留在同一个目录下~

二、clean-webpack-plugin的使用

1. 安装依赖：

	npm install clean-webpack-plugin -D

2. 在Webpack5中，正确的clean-webpack-plugin使用方法如下:

 //引入clean-webpack-plugin的包
 const {
    
     CleanWebpackPlugin } = require('clean-webpack-plugin');
 //在plugins中配置
 plugins: [new CleanWebpackPlugin()]

三、注意事项（很重要）

1. 配置时不能传参数，在最新版的webpack中 new CleanWebpackPlugin()；中不需要写里面的目标路径，会自动清除生成的文件夹，比如是dist文件夹，如果加上了目标路径

（如：new CleanWebpackPlugin('./dist')）则会报错。

2. 引入的时候不注意大小写也会报错

如const {
    
     cleanWebpackPlugin } = require('clean-webpack-plugin');
但是这样也会引起错误。