3-5 webpack4插件-clean-webpack-plugin清除文件

当我们修改带hash的文件并进行打包时，每打包一次就会生成一个新的文件，而旧的文件并没有删除，这样就会产生很多不必要的文件。clean-webpack-plugin插件就可以用来清除残留打包文件。

具体步骤

1.安装插件
打开终端，进入到项目文件夹路径，输入命令cnpm install --save-dev clean-webpack-plugin
2.配置webpack.config.js文件
首先，引入插件：

const {CleanWebpackPlugin} = require("clean-webpack-plugin");

3.在module.exports = {}里的plugins里写配置：

new CleanWebpackPlugin(),

此处注意：这里的new CleanWebpackPlugin(),括号里什么都不用写，这是新版本的使用方法，如果是用原来的书写方式也会报错，报clean-webpack-plugin only accepts an options object这种错误。
4.在终端输入npm run dev进行打包。