clean-webpack-plugin插件的CleanWebpackPlugin is not a constructor报错解决方法

  clean-webpack-plugin是什么?

  webpack一个非官方的第三方插件

  

  clean-webpack-plugin作用是什么?

  当打包生成一个js文件(比如bundle.js),若想更改打包后生成的bundle.js文件名字,比如改成main.js

  此时,虽然打包后会生成main.js,但上一次打包生成的bundle.js文件不会自动删除,该插件的作用就是帮你自动删除bundle.js

  

  安装

  npm install clean-webpack-plugin -D(-D等于--save-dev)

  配置(更新前的配置用法)

  

  如果有如下错误提示:CleanWebpackPlugin is not a constructor

    

    说明有2处需要如下更改你的代码

  以前的写法:const CleanWebpackPlugin = require('clean-webpack-plugin');

  现在的写法:const {CleanWebpackPlugin} = require('clean-webpack-plugin');

 

  以前的写法:plugins: [new CleanWebpackPlugin(['dist'])

  现在的写法:plugins: [new CleanWebpackPlugin()]

  

  参考原文

  

原文地址:https://www.cnblogs.com/tu-0718/p/12157277.html