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

时间：2019-03-22 14:37:39 阅读：187 评论：0 收藏：0 [点我收藏+]

在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‘]
}),

原文：https://www.cnblogs.com/wuxianqiang/p/10577970.html

踩

(0)

评论一句话评论（0）

分享档案

更多>