webpack插件,用来删除/清理构建文件夹

1,976 阅读1分钟

clean-webpack-plugin 一个webpack插件,用来删除/清理你的构建文件夹。

这个插件用来打完包之后,删除/清理不必要的文件或文件夹。

由于我的目的是让webpack打完包之后,在dist文件夹中删除不需要发布的dataStatic文件夹及其下面的文件。

第一步:安装包

npm install --save-dev clean-webpack-plugin

第二步:配置

由于是运用 vue-cli3 搭建的脚手架,所以在 vue.config.js 文件中

1、引用导入

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

2、配置插件

configureWebpack: config => {

config.plugins.push(
  new CleanWebpackPlugin({
    dry: false,//默认 
    cleanAfterEveryBuildPatterns: ["dataStatic", "*.*"] 
    //此示例删除整个dataStatic文件夹,匹配删除的文件及文件夹模式
  })
);

}

官方路径: www.npmjs.com/package/cle…