webpack adiciona plugin clean-webpack-plugin

O plug-in clean-webpack-plugin é usado para excluir compilações históricas antes da construção, de modo a evitar a presença de arquivos de empacotamento anteriormente inúteis no diretório empacotado.

O método de introdução é o seguinte:

1. Primeiro baixe o plug-in

npm i clean-webpack-plugin --save

2. Introduzir plug-ins

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

3. Use plug-ins

plugins: [
    new CleanWebpackPlugin(['dist'])  // dist是打包输出路径
]

Se o caminho de saída do pacote não estiver dentro do projeto, será necessário configurar os parâmetros raiz da seguinte forma:

plugins: [
    new CleanWebpackPlugin(['dist'], {
        root: '../'  // webpack配置文件的上一级目录
        // root: process.cwd()  // 项目根路径
    })
]