【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']
}),