《基于 Vue 组件库 的 Webpack5 配置》8.在生成打包文件之前清空 output(dist) 目录（两种方式）

方式一

​ 如果 webpack 是 v5.20.0+，直接使用属性 output.clean，配置如下：

module.exports = {
  //...
  output: {
    clean: true
  },
};
1
2
3
4
5
6

方式二

如果使用较低版本，可以使用插件 clean-webpack-plugin：

先安装：npm i clean-webpack-plugin -D；

再配置：

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

module.exports = {
  //...
  plugins: {
     new CleanWebpackPlugin() 
  },
};
1
2
3
4
5
6
7
8