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

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

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

body {
	background: red;
}

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

p {
	color: green;
}

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

import './styles1.css';
import './styles2.css';

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

body {
	background: red;
}
p {
	color: green;
}

သင့်ရဲ့ entry point သို့ CSS ဖိုင်သုံးဖိုင်ကို import လုပ်ပါ။

Development mode တွင် bundle လုပ်ခြင်းကို လုပ်ဆောင်ပါ။ CSS bundle ဖိုင်ကို လေ့လာပါ။

Production mode တွင် bundle လုပ်ခြင်းကို လုပ်ဆောင်ပါ။ CSS bundle ဖိုင်ကို လေ့လာပါ။