【webpack】中clean-weabpack-plugin使用方法

在webpack中打包的文件通常是通过hash生成的，如果文件改动，那么打包的文件就会越来越多，如果想清除之前的文件，可以使用clean-weabpack-plugin插件来处理

 

注意版本号：我使用的是

"clean-webpack-plugin": "^2.0.1",

 

关于配置的介绍：

webpack中添加如下代码

const CleanWebpackPlugin = require('clean-webpack-plugin');

module.exports = {
    new CleanWebpackPlugin({})
}

这个插件默认会清除 output.path 输出的目录

module.exports = {
    output: {
        filename: '[name]_[hash].js',
        path: resolve('dist')
    }
}

关于常用的参数配置

1. cleanOnceBeforeBuildPatterns

这个参数配置要删除那些文件，和不要删除那些文件，不要删除的文件前面加个逻辑运算符非 ! ，*号可以通过站位符来处理，表示什么开头，什么结尾啥的

new CleanWebpackPlugin({
      cleanOnceBeforeBuildPatterns: ['main*.*', '!vendor', '!vendor.manifest.json']
}),