Webpack တွင် Build Folder ကို ရှင်းလင်းခြင်း

ပုံမှန်အားဖြင့် Webpack သည် ဖိုင်အသစ်များကို Build Folder ထဲသို့ ယခင်ဟာများကို မဖျက်ဘဲ ထည့်သွင်းပါသည်။ ၄င်းသည် အနည်းငယ် အဆင်မပြေပါ။ Folder ကို ရှင်းလင်းရန် အောက်ပါ plugin က အကူအညီပေးပါမည်- clean-webpack-plugin.

၄င်းကို ထည့်သွင်းကြပါစို့-

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

Import လုပ်ပါမည်-

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'), // plugin အလုပ်လုပ်ရန် လိုအပ်ပါသည်
	},
	plugins: [
		new CleanWebpackPlugin(),
	],
};

ဤ plugin ကို ထည့်သွင်းပြီး ၎င်း၏ အလုပ်လုပ်ပုံကို စမ်းသပ်ကြည့်ပါ။