之前的基本配置验证的时候，每次打包的都要手动清掉否则会影响页面正常显示。为了解决这个问题需要配置一个清包插件，每次执行打包会自动删除dist包需要用到clean-webpack-plugin
1、安装
yarn add clean-webpack-plugin -D
2、引入
const {CleanWebpackPlugin} = require('clean-webpack-plugin');
3、配置插件
plugins: [new CleanWebpackPlugin()],
4、中途遇见的问题
TypeError: CleanWebpackPlugin is not a constructor 的错误处理
按照webpack官网的教程进行学习时，安装clean-webpack-plugin插件后（版本为："^3.0.0"），再build时，发现报错了，
配置如下：
const CleanWebpackPlugin = require('clean-webpack-plugin')module.exports = {...plugins: [new CleanWebpackPlugin(['dist'])],...}
运行报错：
排查错误：
打开插件源码，发现抛出的是一个
导出的是以一个对象属性的形式，所以我们在引入的时候需要以解构的方式来获取，如下：
const {CleanWebpackPlugin } = require('clean-webpack-plugin')module.exports = {...plugins: [new CleanWebpackPlugin()],...}
