clean-webpack-plugin 升级踩坑

cleanWebpackplugin 升级踩坑

原文链接: http://www.imooc.com/article/289614

新版的clean-webpack-plugin 做了以下调整

1.导出方式

现在不是默认导出,所以 引入的时候需要注意一下~否则会抛出这样一个异常

TypeError: CleanWebpackPlugin is not a constructor
#const CleanWebpackPlugin = require('clean-webpack-plugin'); // installed via npm

# 引用的时候需要用对象解构

const { CleanWebpackPlugin } = require('clean-webpack-plugin'); // installed via npm

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TLX7Xmlj-1576739142748)(5d307a530001b5b416441698.jpg)]

2.构造方法

现在构造函数需要传入一个对象 否则会抛出异常

Error: clean-webpack-plugin only accepts an options object.
# 以前这样传入,现在不行咯~

# new CleanWebpackPlugin(['dist'], {}),

# 直接不传也是可以的,他会取默认值

new CleanWebpackPlugin()
关于clean-webpack-plugin 的配置项
new CleanWebpackPlugin() # 什么都不传入时会默认时才能胡 output 设置的输出目录,所以其实什么都不设置也是可以的,也没必要设置。

new CleanWebpackPlugin({

dry: false,#默认false dry为true时,模拟删除,加删除,不会真的删掉文件

verbose :false, # 默认false verbose为true时 显示日志, 当dry为true时,总是会打印日志,不管verbose是什么值

cleanStaleWebpackAssets:true #自动删除未被使用的webpack资源

#cleanOnceBeforeBuildPatterns打包前做的一些事,

#忽略掉不需要删除的文件,相当于exclude,被忽略的文件需要在开头加上 "!"号,数组中必须带有"**/*"通配符

#否则dist下的文件都不会被删除

# 删除指定文件/文件夹 path.resolve(__dirname, 'test6')

cleanOnceBeforeBuildPatterns: [

path.resolve(__dirname, 'test6'),

"**/*", "!1.js", "!images",

path.resolve(__dirname, 'test5')

],
})
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值