详解webpack的clean-webpack-plugin插件报错
1、出错代码
constpath=require('path')
constCleanWebpackPlugin=require('clean-webpack-plugin')
//const{CleanWebpackPlugin}=require('clean-webpack-plugin')
module.exports={
entry:'./input.js',
output:{
path:path.resolve(__dirname,'dist'),
filename:'output.bundle.js'
},
mode:'development',
plugins:[
newCleanWebpackPlugin()
],
module:{
rules:[
{
test:/\.(png|jpg|gif)$/i,
use:[
{
loader:'url-loader',
options:{
//limit:8192//说明小于8192字节也就是8k才会执行
limit:919200
}
}
]
}
]
}
}
2、错误描述
[webpack-cli]TypeError:CleanWebpackPluginisnotaconstructor
3、出错原因
导入插件语句有误，以及使用有误
4、解决
应改为如下导入语句：
const{CleanWebpackPlugin}=require('clean-webpack-plugin')
//esmodules
import{CleanWebpackPlugin}from'clean-webpack-plugin';
而在使用时也是，如果都是默认清空dist文件下下的内容的话，默认不需要写参数。
和默认删除目录不同时才需要传入路径，且需要通过选项`cleanOnceBeforeBuildPatterns`来传入。
参考【clean-webpack-plugin】
到此这篇关于详解webpack的clean-webpack-plugin插件报错的文章就介绍到这了,更多相关webpackclean-webpack-plugin插件内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！
热门推荐
10 除夕时刻祝福语大全简短
11 运动社团祝福语简短英文
12 家政培训开业祝福语简短
13 感谢室友毕业祝福语简短
14 虎年找钱祝福语大全简短
15 男老乡生日祝福语简短
16 门市开业口头祝福语简短
17 洁字谐音祝福语简短
18 发财祝福语长辈的话简短