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ó:
npm install clean-webpack-plugin --save-dev
Import:
import {CleanWebpackPlugin} from 'clean-webpack-plugin';
Kích hoạt:
export 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(),
],
};
Hãy cài đặt plugin này và kiểm tra cách nó hoạt động.