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

CSS ကို သီးသန့် bundle အဖြစ် စုစည်းခြင်းကို စမ်းသပ်ကြည့်ရအောင်။ ကျွန်ုပ်တို့တွင် CSS ဖိုင်နှစ်ဖိုင်ရှိသည်ဟု ဆိုကြပါစို့။

ပထမတစ်ဖိုင်:

src/styles1.cssbody {
  background: red;
}

ဒုတိယတစ်ဖိုင်:

src/styles2.cssp {
  color: green;
}

၎င်းတို့ကို entry point သို့ import လုပ်ကြပါစို့:

src/index.jsimport './styles1.css';
import './styles2.css';

Project ကို bundle လုပ်ရန် command သည် အရာအားလုံးကို main.css အမည်ဖြင့် သီးသန့်ဖိုင်တစ်ဖိုင်ထဲသို့ စုစည်းပေးပါလိမ့်မည်:

dist/main.cssbody {
  background: red;
}
p {
  color: green;
}