การล้างโฟลเดอร์ build ใน Webpack

โดยค่าเริ่มต้น Webpack จะวางไฟล์ใหม่ ในโฟลเดอร์ build โดยไม่ลบไฟล์เก่า ซึ่งนั่นไม่สะดวกนัก การล้างโฟลเดอร์ สามารถทำได้ด้วยปลั๊กอินต่อไปนี้: clean-webpack-plugin.

มาเริ่มติดตั้งกัน:

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

นำเข้า:

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

เพิ่มในส่วน plugins:

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(),
	],
};

ติดตั้งปลั๊กอินนี้และทดสอบ การทำงานของมัน