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

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

方式一

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

module.exports = {//...output: {clean: true},
};

方式二

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

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

再配置：

const {CleanWebpackPlugin} = require('clean-webpack-plugin');module.exports = {//...plugins: {new CleanWebpackPlugin() },
};