Nettoyage du dossier de build dans Webpack

Par défaut, Webpack place les nouveaux fichiers dans le dossier de build sans supprimer les précédents. C'est un peu peu pratique. Le plugin suivant aidera à effectuer le nettoyage du dossier : clean-webpack-plugin.

Installons-le :

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

Importons-le :

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

Activons-le :

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'), // obligatoire pour le fonctionnement du plugin
  },
  plugins: [
    new CleanWebpackPlugin(),
  ],
};