clean-webpack-plugin 插件是用来在构建之前,先删除历史构建,这样可以避免打包出来的目录中存在之前无用的打包文件。
引入方法如下:
1. 首先下载插件
npm i clean-webpack-plugin --save
2. 引入插件
const CleanWebpackPlugin = require('clean-webpack-plugin');
3. 使用插件
plugins: [
new CleanWebpackPlugin(['dist']) // dist是打包输出路径
]
如果打包输出路径不在项目内部,则需要配置root参数,如下所示:
plugins: [
new CleanWebpackPlugin(['dist'], {
root: '../' // webpack配置文件的上一级目录
// root: process.cwd() // 项目根路径
})
]