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

2022-09-06 12:12:51

在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']

}),

码农公寓