作用:每次打包的时候,打包目录都会遗留上次打包的文件,为了保持打包目录的纯净,我们需要在打包前将打包目录清空。

方法一:使用 CleanWebpackPlugin 插件

1)安装该插件

npm i -D clean-webpack-plugin

2)在webpack.config.js 中配置

image.png

注意!!!插件内部导出方式不同,所以导入方式也不同 需要了解模块化导入导出知识

3)可以在执行npm run build之前,在dist文件夹下新建一个无用的test.js文件,然后进行以上配置后再执行npm run build,发现上次的test.js文件被删掉了

方法二:通过output.clean 属性

image.png