webpack 添加 clean-webpack-plugin 插件

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()  // 项目根路径
    })
]

猜你喜欢

转载自blog.csdn.net/u013992330/article/details/131660640
今日推荐