Webpack 5 သင်ခန်းစာ

စတင်လေ့လာသူများအတွက် သဘောတရားများနှင့် တာဝန်များပါဝင်သည့် Webpack စုစည်းရေးကိရိယာ၏ နားလည်ရလွယ်ကူသော သင်ခန်းစာ။

အခြေခံများ

Webpack ၏ အလုပ်လုပ်ပုံ အခြေခံမူ

ဘရောက်ဇာများတွင် ကက်ရှ်ပြဿနာ

Webpack ကို ES modules များဖြင့် Webpack တွင် အသုံးပြုခြင်း

Webpack ကို တပ်ဆင်ခြင်း

Webpack တွဲစည်းခြင်း ကိရိယာ၏ ကနဦး ပြင်ဆင်သတ်မှတ်ခြင်း

Webpack တည်ဆောက်မှုကို စတင်ခြင်း ပြင်ဆင်ခြင်း

Webpack ကိုသုံးပြီး စမ်းသပ် build လုပ်ခြင်း

Webpack တွင် Bundle ကို HTML နှင့် ချိတ်ဆက်ခြင်း

Webpack တွင် ဝင်ပေါက်အမှတ်သို့ ဖိုင်များ ထည့်သွင်းခြင်း

Webpack တွင် လက်ရှိလမ်းကြောင်းများ

Webpack တွင် Plugin များ

Webpack ရှိ Loaders များ

ဘီလ်ဒ်မုဒ်များ

Webpack တွင် အဆင့်ဆင့်ပြင်ဆင်မှုများ၏ အမျိုးအစားများ

Webpack ဖိုင် config ထဲတွင် build mode ပြောင်းလဲခြင်း

Webpack ရှိ scripts များမှတဆင့် build mode များ

Webpack တွင် အလိုအလျောက် တည်ဆောက်ခြင်း

⟪menu⟫ ဝင်ပေါက်များနှင့် ထွက်ပေါက်များ

Webpack တွင် ဝင်ပေါက်များနှင့် ထွက်ပေါက်များ

Webpack တွင် အပြီးသတ်အချက်အချာ

Webpack တွင် အဝင်အမှတ်များစွာ ဖန်တီးခြင်း

Webpack တွင် Build ဖိုင်အမည်တွင် Hash ထည့်ခြင်း

Webpack တွင် အဝင်ပေါက်အမှတ်များ၏ အမည်များ

Webpack တွင် အမည်ပေးထားသော အဝင်အမှတ်များ - Array များ

Webpack တွင် ဖိုင်အမည်များ ပြောင်းလဲခြင်း

Webpack တွင် Build ဖိုင်များ၏ အမည်များနှင့် Hash

Webpack တွင် Build ဖိုလ်ဒါလမ်းကြောင်း သတ်မှတ်ခြင်း

Webpack ဝင်ပေါက်များ၏ စာသားအချက်အလက်

ပုံစံများ

Webpack တွင် CSS စတိုင်များကို တင်သွင်းခြင်း

Webpack တွင် CSS စတိုင် လို်ဒါများ

Webpack တွင် CSS style များ import လုပ်ခြင်း ပြင်ဆင်ခြင်း

Webpack ရှိ CSS စတိုင်များကို တင်သွင်းခြင်း စမ်းသပ်ခြင်း

Webpack ရှိ CSS ဘန်ဒါကို ပြင်ဆင်ခြင်း

CSS Bundle in Webpack ကို စမ်းသပ်ခြင်း

Webpack တွင် CSS ဘန်ဒဲလ်ဖိုင်အမည်

Webpack တွင် CSS Bundle ၏ Hash

Webpack တွင် CSS Bundle များစွာ

Webpack တွင် CSS စာကြည့်တိုက်များကို ချိတ်ဆက်ခြင်း

Webpack တွင် LESS ဖြင့် အလုပ်လုပ်ခြင်း

Webpack တွင် SASS နှင့် အလုပ်လုပ်ခြင်း

HTML

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

Webpack ထဲတွင် HTML မာတိကာ ထုတ်လုပ်ခြင်း

Webpack တွင် လေယာဉ်အပိုင်းအစများတွင် စကရစ်ပ္ဗတ်အထုပ်များစွာ

Webpack တွင် Hash ပါသော Script Bundles များကို Layout ထဲသို့ထည့်သွင်းခြင်း

Webpack တွင် လေဆာဖာတီးခြင်း စတိုင်များ

Webpack တွင် လေးနက်စွာဖြန့်ဝေသော စတိုင်များ အတွဲများ

Webpack အတွက် ကိုယ်ပိုင် လေးအုတ်ဖို ဖိုင်ရယူခြင်း

Assets

Webpack တွင် Assets များ

JavaScript ဘန်ဒဲများတွင် Webpack ၏ Assets များ

Webpack တွင် CSS ဘန်ဒဲများအတွင်း ရင်းမြစ်များ

Webpack တွင် Asset ဖိုင်လမ်းကြောင်းကို အသုံးပြုသူစိတ်ကြိုက်ပြင်ဆင်ခြင်း

Webpack တွင် Assets အဖွဲ့များအတွက် လမ်းကြောင်းကို အသုံးပြုသူစိတ်ကြိုက်ပြင်ဆင်ခြင်း

Webpack တွင် Inline Assets များ

Webpack ရှိ Source Assets များ

Webpack တွင် အထွေထွေ assets များ

ပလပ်အင်များ

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

Webpack တွင် ဖိုင်များ ကူးယူခြင်း