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

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

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

terminalnpm install html-webpack-plugin --save-dev

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

webpack.config.jsimport HtmlWebpackPlugin from 'html-webpack-plugin';

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

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