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()]

　　

　　參考原文