Limpieza de la carpeta de construcción en Webpack

Por defecto, Webpack coloca nuevos archivos en la carpeta de construcción sin eliminar los anteriores. Esto es un poco inconveniente. Para limpiar la carpeta ayudará el siguiente plugin: clean-webpack-plugin.

Vamos a instalarlo:

terminalnpm install clean-webpack-plugin --save-dev

Importemos:

webpack.config.jsimport {CleanWebpackPlugin} from 'clean-webpack-plugin';

Habilitemos:

webpack.config.jsexport default {
  entry: {
    test1: './src/test1.js',
    test2: './src/test2.js',
    test3: './src/test3.js',
  },
  output: {
    filename: '[name].[contenthash].js',
    path: path.resolve('dist'), // obligatorio para que funcione el plugin
  },
  plugins: [
    new CleanWebpackPlugin(),
  ],
};