वेबपैक में CSS बंडल का परीक्षण
आइए CSS को एक अलग बंडल में बनाने का परीक्षण करें। मान लें कि हमारे पास दो CSS फ़ाइलें हैं।
पहली:
body {
background: red;
}
दूसरी:
p {
color: green;
}
उन्हें एंट्री पॉइंट में आयात करें:
import './styles1.css';
import './styles2.css';
प्रोजेक्ट बनाने की कमांड
सब कुछ एक अलग फ़ाइल में बना देगी
नाम के साथ main.css:
body {
background: red;
}
p {
color: green;
}
अपने एंट्री पॉइंट पर तीन CSS फ़ाइलों को आयात करें।
डेवलपमेंट मोड में बिल्ड करें। CSS बंडल फ़ाइल का अध्ययन करें।
प्रोडक्शन मोड में बिल्ड करें। CSS बंडल फ़ाइल का अध्ययन करें।