使用CleanWebpackPlugin报错

       自己写的项目尝试使用webpack打包，因为开发时配置改动也很频繁，最终打包的dist文件夹中，有一些多余的文件。

       在webpack文档中有一个CleanWebpackPlugin插件，可以：

在每次构建前清理 /dist 文件夹。

       按文档中的使用方法，首先使用npm安装插件：

npm install clean-webpack-plugin

       然后在webpack.config.js中引入使用：

// webpack.config.js
...
const CleanWebpackPlugin = require('clean-webpack-plugin')

...
plugins: [
    ...
    new CleanWebpackPlugin(['dist'])   // dist对应output中输出的文件夹
]

      结果实际npm run build时报错了

      查看官网介绍才发现，应该是版本问题，使用方法已经改变了，接收的参数应该是一个选项对象，且默认会在构建前删除dist文件夹。只是文档还没更新：

By default, this plugin will remove all files inside webpack's output.path directory, as well as all unused webpack assets after every successful rebuild.

默认情况下，此插件将删除output.path的目录中的所有文件，和每次成功重建后所有没有用到的webpack资源。

       按照最新的使用方法修改配置，再build就成功啦～ dist中多余的文件也被自动删除了～

// webpack.config.js
...
const { CleanWebpackPlugin } = require('clean-webpack-plugin')

...
plugins: [
    ...
    new CleanWebpackPlugin()   // 默认对应output中输出的文件夹
]