引入clean-webpack-plugin重新打包自动删除上次打包的文件以及报错

引入clean-webpack-plugin重新打包自动删除上次打包的文件以及报错

webpack版本

webpack版本:4.x.x

下载clean-webpack-plugin插件

npm install --save-dev clean-webpack-plugin
const path=require("path");
//重新打包自动删除上次打包的文件
const { CleanWebpackPlugin }=require("clean-webpack-plugin");

module.exports = {
	mode:"development",
	entry:{
		'index':'./src/js/index.js'
	},
	output:{
		path:path.resolve(__dirname,'dist'),
		filename:'js/[name].js'
	},
	module:{
		rules:[
			{
				test:'/\.css$/',
				use:[
					{
						loader:'style-loader',
					},
					{
					    loader: 'css-loader',
					    options: {
					        modules: true
					    }
					}
				]
			},{
				test:'/\.js$/',
				use:[
					{
						loader:'babel-loader',
						options:{
							presets:['@babel/preset-dev']
						}
					}
				],
				exclude:'/node_module/' // 排除在外
			}
		]
	},
	plugins:[
		new CleanWebpackPlugin(),
	]
}

第一次报错 :CleanWebpackPlugin is not a constructor

在这里插入图片描述
我的错误写法

//重新打包自动删除上次打包的文件
const CleanWebpackPlugin =require("clean-webpack-plugin");
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值