Καθαρισμός του φακέλου κατασκευής στο Webpack

Από προεπιλογή, το Webpack τοποθετεί νέα αρχεία στον φάκελο κατασκευής χωρίς να διαγράφει τα προηγούμενα. Αυτό είναι λίγο άβολο. Για να εκτελέσετε τον καθαρισμό του φακέλου θα βοηθήσει το ακόλουθο πρόσθετο: clean-webpack-plugin.

Ας το εγκαταστήσουμε:

npm install clean-webpack-plugin --save-dev

Εισάγουμε:

import {CleanWebpackPlugin} from 'clean-webpack-plugin';

Ενεργοποιούμε:

export default {
	entry: {
		test1: './src/test1.js',
		test2: './src/test2.js',
		test3: './src/test3.js',
	},
	output: {
		filename: '[name].[contenthash].js',
		path: path.resolve('dist'), // απαραίτητο για τη λειτουργία του πρόσθετου
	},
	plugins: [
		new CleanWebpackPlugin(),
	],
};

Εγκαταστήστε αυτό το πρόσθετο και ελέγξτε τη λειτουργία του.