Opruimen van de build map in Webpack

Standaard plaatst Webpack nieuwe bestanden in de build map zonder de vorige te verwijderen. Dit is een beetje onhandig. De volgende plugin helpt bij het opruimen van de map: clean-webpack-plugin.

Laten we deze installeren:

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

Importeren:

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

Inschakelen:

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'), // vereist voor de plugin om te werken
  },
  plugins: [
    new CleanWebpackPlugin(),
  ],
};