वेबपैक बंडलर के कार्य का सिद्धांत
एक नियम के रूप में, विकास के दौरान हमारे पास
कोड के विभिन्न टुकड़ों वाली कई JavaScript फाइलें
होती हैं।
ये हमारे अपने कोड के हिस्से हो सकते हैं,
या तीसरे पक्ष के पुस्तकालय।
इसका मतलब है कि ऐसी प्रत्येक फाइल को
हमें HTML फाइल से script टैग के माध्यम से
जोड़ना होगा।
यह बहुत अच्छा नहीं है, क्योंकि बहुत सारी जुड़ी फाइलें साइट की लोडिंग गति को धीमा कर देती हैं। इसलिए लोडिंग गति बढ़ाने के लिए सारे कोड को एक फाइल में रखना जरूरी है।
हालांकि, एक सामान्य फाइल में कोड विकसित करना भी बहुत सुविधाजनक नहीं है। इसलिए वर्तमान में निम्नलिखित दृष्टिकोण अपनाया जाता है: कोड अलग-अलग फाइलों में विकसित किया जाता है, और फिर बंडलर की मदद से एक सामान्य फाइल में इकट्ठा किया जाता है, जिसे HTML फाइल से जोड़ा जाता है।
अलग-अलग फाइलें
ES मॉड्यूल होते हैं।
ये मॉड्यूल import कमांड के माध्यम से
अन्य फाइलों से जुड़े होते हैं।
आमतौर पर एक मुख्य फाइल बनाई जाती है, जिससे बाकी फाइलें जुड़ी होती हैं। इस फाइल को एंट्री पॉइंट (प्रवेश बिंदु) कहा जाता है।
बंडलर एंट्री पॉइंट में जाता है, देखता है कि इसमें कौन से मॉड्यूल जुड़े हैं। इन मॉड्यूल से भी अन्य मॉड्यूल जुड़े हो सकते हैं। बंडलर सभी कनेक्शनों का अनुसरण करता है और सारे कोड को एक फाइल में इकट्ठा करता है। इस फाइल को बंडल कहा जाता है।
एक नियम के रूप में, प्रोग्रामर द्वारा लिखा गया कोड,
src फोल्डर में स्थित होता है,
और बिल्ड कोड
dist फोल्डर में रखा जाता है।
बताइए कि बंडल क्या होता है।
बताइए कि एंट्री पॉइंट (प्रवेश बिंदु) क्या होता है।
बताइए कि बिल्ड मोड कौन-कौन से होते हैं।