Dọn dẹp thư mục build trong Webpack

Theo mặc định, Webpack đặt các file mới vào thư mục build mà không xóa các file cũ. Điều này hơi bất tiện. Plugin sau đây sẽ giúp dọn dẹp thư mục: clean-webpack-plugin.

Hãy cài đặt nó:

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

Import:

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

Kích hoạt:

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'), // bắt buộc để plugin hoạt động
  },
  plugins: [
    new CleanWebpackPlugin(),
  ],
};