webpack报错：' CleanWebpackPlugin is not a constructor'

Posted 2020-12-16 见嘉于世

问题

原来是这么写的，但是报错了！

const CleanWebpackPlugin = require(‘clean-webpack-plugin‘);
module.exports = {
  plugins: [
    new CleanWebpackPlugin([‘dist‘]) // 打包之前，会将dist文件夹中的所有内容删除
  ]
}

解决

在官方 npm 找到了答案。
https://github.com/johnagan/clean-webpack-plugin#options-and-defaults-optional

const { CleanWebpackPlugin } = require(‘clean-webpack-plugin‘);
module.exports = {
  plugins: [
    new CleanWebpackPlugin({
      cleanAfterEveryBuildPatterns: [‘dist‘],
    }) // 打包之前，会将dist文件夹中的所有内容删除
  ]
}

(1) 引入时要加上花括号（解构赋值）
(2) 实例化对象时参数是一个对象，里面放option。