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

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

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

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

Εισάγουμε:

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

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

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'), // απαραίτητο για τη λειτουργία του πρόσθετου
  },
  plugins: [
    new CleanWebpackPlugin(),
  ],
};