Webpack တွင် HTML မာတိကာများနှင့် အလုပ်လုပ်ခြင်း

Webpack သည် HTML မာတိကာများနှင့် အလုပ်လုပ်နိုင်စွမ်းရှိသည်။ ၎င်းသည် စုစည်းထားသော bundle များကို မာတိကာဖိုင်သို့ အလိုအလျောက် ချိတ်ဆက်ခြင်းကို လုပ်ဆောင်ခွင့်ပြုသည်။ ၎င်းသည် အထူးသဖြင့် bundle အမည်တွင် hash ပါရှိသောအခါတွင် အဆင်ပြေလွယ်ကူစေပါသည်။

HTML မာတိကာများနှင့် အလုပ်လုပ်ရန် html-webpack-plugin ကို အသုံးပြုပါသည်။ ၎င်းကို ထည့်သွင်းကြပါစို့။

npm install html-webpack-plugin --save-dev

၎င်းကို import လုပ်ပါမည်။

import HtmlWebpackPlugin from 'html-webpack-plugin';

၎င်းကို ဖွင့်လိုက်ပါမည်။

export default {
	entry: './src/index.js',
	plugins: [
		new HtmlWebpackPlugin(),
	],
};

ဖော်ပြထားသော plugin ကို ထည့်သွင်းပြီး import လုပ်ပါ။