学习webpack时,按照教程step by step,在使用cleanWebpackPlugin时,提示错误webpack使用CleanWebpackPlugin插件时报错:CleanWebpackPlugin is not a constructor
,翻了一下官方文档,发现写法改了。
原来的写法:
const CleanWebpackPlugin = require('clean-webpack-plugin');
module.exports = {
mode: 'production',
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname,'dist')
},
},
plugins: [
new HtmlWebpackPlugin({template: 'src/index.html'}),
new CleanWebpackPlugin(['dist]),
],
}
按照新的写法,require时,要使用{ CleanWebpackPlugin }
的写法
在插件引用时,不能传递参数,new CleanWebpackPlugin(),
,具体如下:
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
module.exports = {
mode: 'production',
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname,'dist')
},
},
plugins: [
new HtmlWebpackPlugin({template: 'src/index.html'}),
new CleanWebpackPlugin(),
],
}