Webpack CleanWebpackPlugin is not a constructor

前言

今天自己跟着webpack官网的demo一步步走下来。发现了这个问题。

查了一圈。发现了这个博主。nice！

// webpack版本：4.34.0
 
// 抛错原写法
const CleanWebpackPlugin = require("clean-webpack-plugin");
 
...
 
plugins: [
    new CleanWebpackPlugin(['dist'])
]
 
...
 
// 另一种错误写法
 
const CleanWebpackPlugin = require("clean-webpack-plugin");
 
...
 
plugins: [
    new CleanWebpackPlugin(['dist'], {
        root: path.resolve(__dirname, '../'),   //根目录
    })
]
 
...
 
// =============================分割线==============================
 
// 正确写法
 
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
 
...
 
plugins: [
    new CleanWebpackPlugin()
]

现在的版本不用指定文件路径了，直接调用new CleanWebpackPlugin()

索引：https://blog.csdn.net/qq_36242361/article/details/90709258