Webpack တွင် Plugin များ

Webpack သည် လုပ်ဆောင်ချက်အပိုင်းအစ ကျဉ်းမြောင်းသော လုပ်ငန်းများကို လုပ်ဆောင်သည်။ လုပ်ဆောင်နိုင်စွမ်းများ ချဲ့ထွင်ရန် အပိုဆောင်း plugin များကို ထည့်သွင်းပြီး ချိတ်ဆက်ရန် လိုအပ်သည်။

Plugin များကို ထည့်သွင်းခြင်းနှင့် ချိတ်ဆက်ခြင်း၏ ယေဘူယျ အဆင့်ဆင့်ကို ကြည့်ရှုကြပါစို့။ ထိုသို့ပြုလုပ်ရန် ကျွန်ုပ်တို့တွင် test-webpack-plugin ဟူသော စိတ်ကူးယဉ် plugin တစ်ခု ရှိသည်ဟု ဆိုကြပါစို့။ Plugin များနှင့် အလုပ်လုပ်ပုံကို ၎င်း၏ ဥပမာအနေဖြင့် ကြည့်ရှုကြပါစို့ (အောက်ပါကုဒ်သည် ဇယားပုံစံသက်သက်ဖြစ်ပြီး �မှန်တကယ်တွင် ထိုသို့သော plugin မရှိပါ)။

ထို့ကြောင့်၊ အစပိုင်းတွင် plugin ကို npm မှတစ်ဆင့် ထည့်သွင်းရန် လိုအပ်သည်:

terminalnpm install test-webpack-plugin --save-dev

ထိုနောက် plugin ကို ဖွဲ့စည်းပုံ configuration file သို့ import လုပ်ရန် လိုအပ်သည်:

webpack.config.jsimport TestWebpackPlugin from 'test-webpack-plugin';

ထို့နောက် ဤ plugin ကို plugins သတ်မှတ်ချက်တွင် ခေါ်ယူ အသုံးပြုရန် လိုအပ်သည်:

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

plugins သတ်မှတ်ချက်တွင် plugin တစ်ခုထက် ပို၍ ရှိနိုင်သည်:

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