वेबपैक में CSS बंडल का परीक्षण

आइए CSS को एक अलग बंडल में बनाने का परीक्षण करें। मान लें कि हमारे पास दो CSS फ़ाइलें हैं।

पहली:

src/styles1.cssbody {
  background: red;
}

दूसरी:

src/styles2.cssp {
  color: green;
}

उन्हें एंट्री पॉइंट में आयात करें:

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

प्रोजेक्ट बनाने की कमांड सब कुछ एक अलग फ़ाइल में बना देगी नाम के साथ main.css:

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