cleanWebpackplugin 升级踩坑

新版的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
复制代码

2.构造方法

如今构造函数须要传入一个对象 不然会抛出异常

Error: clean-webpack-plugin only accepts an options object.

# 之前这样传入，如今不行咯～
  # new CleanWebpackPlugin(['dist'], {}),
  # 直接不传也是能够的，他会取默认值
  new CleanWebpackPlugin()
复制代码

关于clean-webpack-plugin 的配置项

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')
    ],
 })
复制代码