webpack报错CleanWebpackPlugin is not a constructor

CleanWebpackPlugin is not a constructor

1. 安装clean-webpack-plugin插件

yarn add clean-webpack-plugin -D

2. webpack.config.js配置：

let HtmlWebpackPlugin = require('html-webpack-plugin')    //html插件
let CleanWebpackPlugin = require('clean-webpack-plugin')  //清空打包文件

module.exports = {
    // 其它配置省略....
    plugins:[  
        new HtmlWebpackPlugin({
            template:'./src/index.html',  
            filename:'index.html'
        }),
        new CleanWebpackPlugin('./dist')
    ],
}

3. 结果，报错：CleanWebpackPlugin is not a constructor
   
4. 原因是现在的写法更新了，重新配置，如下：

let HtmlWebpackPlugin = require('html-webpack-plugin')    //html插件
// 重新配置
const {CleanWebpackPlugin} = require('clean-webpack-plugin')  //清空打包文件

module.exports = {
    // 其它配置省略....
    plugins:[  
        new HtmlWebpackPlugin({
            template:'./src/index.html',  
            filename:'index.html'
        }),
        new CleanWebpackPlugin()
    ],
}

5. 再次运行即可成功 ~~ (o゜▽゜)o☆