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:
npm install clean-webpack-plugin --save-dev
Importemos:
import {CleanWebpackPlugin} from 'clean-webpack-plugin';
Habilitemos:
export 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(),
],
};
Instale este plugin y verifique su funcionamiento.