webpack的clean-webpack-plugin插件出现报错怎么解决

今天就跟大家聊聊有关webpack的clean-webpack-plugin插件出现报错怎么解决,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

1,出错代码

 const path=要求(& # 39;path & # 39;)
　　const CleanWebpackPlugin=要求(& # 39;clean-webpack-plugin& # 39;)//const {CleanWebpackPlugin}=要求(& # 39;clean-webpack-plugin& # 39;)
　　
　　模块。出口={
　　条目:& # 39;。/input.js& # 39;
　　输出:{
　　路径:路径。解决(__dirname & # 39;经销# 39;),
　　文件名:& # 39;output.bundle.js& # 39;
　　},
　　模式:& # 39;发展# 39;
　　插件:[
　　新的CleanWebpackPlugin ()
　　),
　　模块:{
　　规则:[
　　{
　　测试:/\ (png | jpg | gif)。/我美元,
　　用途:[
　　{
　　装载机:& # 39;url-loader& # 39;
　　选择:{//限制:8192//说明小于8192字节也就是8 k才会执行
　　限制:919200
　　}
　　}
　　]
　　}
　　]
　　}
　　}

2,错误描述

, [webpack-cli] TypeError: CleanWebpackPlugin不是构造函数

3,出错原因

导入插件语句有误,以及使用有误

4,解决

应改为如下导入语句:

看完上述内容,你们对webpack的clean-webpack-plugin插件出现报错怎么解决有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。
webpack的clean-webpack-plugin插件出现报错怎么解决