一、clean-webpack-plugin有什么用
clean-webpack-plugin是webpack的一个小插件,由于每次打包的时候有可能文件名称和文件内容不一样,打包后的文件就叠加到输出目录下了。
所以cleanWebPackPlugin作用就是在每次打包之前,先把输出目录删掉,创建最新的目录,避免一些不必要的文件还留在同一个目录下~
二、clean-webpack-plugin的使用
- 安装依赖:
npm install clean-webpack-plugin -D
- 在Webpack5中,正确的clean-webpack-plugin使用方法如下:
//引入clean-webpack-plugin的包
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
//在plugins中配置
plugins: [new CleanWebpackPlugin()]
三、注意事项(很重要)
- 配置时不能传参数,在最新版的webpack中 new CleanWebpackPlugin();中不需要写里面的目标路径,会自动清除生成的文件夹,比如是dist文件夹,如果加上了目标路径
(如:new CleanWebpackPlugin('./dist'))则会报错。
- 引入的时候不注意大小写也会报错
如const { cleanWebpackPlugin } = require('clean-webpack-plugin');
但是这样也会引起错误。