आवश्यकताएँ का उपयोग कब करें और बंडल जावास्क्रिप्ट का उपयोग कब करें?

Question

यह वेब लोगों के लिए एक बेवकूफ सवाल हो सकता है। लेकिन मैं इस पर थोड़ा उलझन में हूँ। अब, मेरे पास एक एप्लीकेशन है जहां मैं विभिन्न कार्यों को करने के लिए कुछ जावास्क्रिप्ट फ़ाइलों का उपयोग कर रहा हूं। अब, मैं सभी फ़ाइलों को गठबंधन और छोटा करने के लिए जावास्क्रिप्ट bundler का उपयोग कर रहा हूं। तो, रनटाइम पर केवल एक app.min.js फ़ाइल होगी। अब, Requirejs का उपयोग रनटाइम पर मॉड्यूल या फ़ाइलों को लोड करने के लिए किया जाता है। तो, सवाल यह है कि यदि मेरे पास पहले से ही एक ही फाइल में सभी चीजें हैं, तो क्या मुझे आवश्यकताएं चाहिए? या उपयोग केस परिदृश्य क्या है जहां मैं requjs और/या बंडलर का उपयोग कर सकता हूं?

यदि कोई और विवरण आवश्यक है तो कृपया मुझे बताएं।

Answer 1

यह कई कुशल जावास्क्रिप्ट डेवलपर्स के बीच एक गर्म प्रतिस्पर्धात्मक मुद्दा है। कई अन्य भाषाओं में "संकलन" चरण होता है जहां पूरे कार्यक्रम को तैनाती के लिए बंडल किया जाता है (जेबॉस की .WAR फाइलें ध्यान में आती हैं)। प्रोग्रामर जो अधिक पारंपरिक पृष्ठभूमि से आते हैं अक्सर इस दृष्टिकोण का पक्ष लेते हैं।

जावास्क्रिप्ट ने हाल के वर्षों में इस तरह की वृद्धि देखी है कि सटीक सर्वोत्तम प्रथाओं को चार्ट करना मुश्किल है, लेकिन जो जावास्क्रिप्ट की अधिक कार्यात्मक प्रकृति की सराहना करते हैं वे अक्सर मॉड्यूल लोडिंग दृष्टिकोण (जैसे require.js उपयोग) पसंद करते हैं।

मैंने Frame.js लिखा जो requ.js की तरह बहुत काम करता है, इसलिए मेरी पूर्वाग्रह मॉड्यूल लोडर दृष्टिकोण की ओर है।

सीधे अपने प्रश्न का उत्तर देने के लिए, हाँ, यह एक या दूसरे है।

जो आपकी स्क्रिप्ट को एक फ़ाइल में पैक करने के लिए बहस करते हैं, उनका मानना ​​है कि यह अधिक संपीड़न को सक्षम बनाता है और इस प्रकार यह अधिक कुशल होता है। मेरा मानना ​​है कि पैकेजिंग के दक्षता फायदे ज्यादातर मामलों में नगण्य हैं क्योंकि: (1) मॉड्यूल लोड समय पूरे सत्र में वितरित किए जाते हैं, (2) व्यक्तिगत मॉड्यूल लगभग उसी प्रतिशत तक संपीड़ित किया जा सकता है, (3) व्यक्तिगत मॉड्यूल द्वारा कैश किया जा सकता है सर्वर और राउटर अलग से, और (4) केवल स्क्रिप्ट लोड होने पर ही लोड हो जाते हैं अंततः आप कुछ उपयोगकर्ताओं के लिए कम कोड लोड करते हैं और समग्र रूप से अधिक कोड लोड करते हैं।

लंबे समय तक, यदि आप गतिशील स्क्रिप्ट लोडिंग का लाभ देख सकते हैं तो इसका उपयोग करें। यदि नहीं, तो अपनी स्क्रिप्ट को एक फ़ाइल में बंडल करें।

Answer 2

आम तौर पर आप केवल विकास के दौरान अपने लोडिंग फॉर्म में RequJS का उपयोग करते हैं। एक बार साइट पूरी हो जाने और तैनाती के लिए तैयार हो जाने पर, आप कोड को छोटा कर देते हैं। यहां लाभ यह है कि RequJS जानता है कि आपकी निर्भरता वास्तव में क्या है, और इस प्रकार कोड को सही क्रम में आसानी से छोटा कर सकता है। यहां बताया गया है यह RequireJS website पर कहते है:

एक बार जब आप विकास कर समाप्त कर लें और अपने अंत उपयोगकर्ताओं के लिए अपने कोड को तैनात करना चाहते हैं, तो आप जावास्क्रिप्ट एक साथ फ़ाइलें गठबंधन और यह कम करें करने के लिए अनुकूलक का उपयोग कर सकते हैं। उपर्युक्त उदाहरण में, यह main.js और सहायक/util.js को एक फ़ाइल में जोड़ सकता है और परिणाम को कम कर सकता है।

Answer 3

यह आपके आवेदन पर निर्भर करता है। यदि आप केवल मामूली जावास्क्रिप्ट (100kb से कम minified) के साथ सर्वर-साइड ऐप बना रहे हैं तो कुल बंडलिंग के लिए जाएं, तो आप शायद ठीक होने जा रहे हैं।

लेकिन यदि आप जावास्क्रिप्ट ऐप बना रहे हैं और इसमें एक टन कोड है, तो आपकी ज़रूरतें अलग-अलग होंगी।

उदाहरण के लिए, मेरे ऐप में मैं सभी कोर फाइलों को बंडल करता हूं। JQuery, अंडरस्कोर, रीढ़ की हड्डी, मेरी मुख्य ऐप फ़ाइलें, मेरा उपयोगकर्ता लॉगिन सिस्टम, मेरा लेआउट सिस्टम, मेरी सूचनाएं और चैट सिस्टम है, सभी मेरी बड़ी प्रारंभिक फ़ाइल का हिस्सा हैं।

लेकिन मेरे पास कई अन्य मॉड्यूल भी हैं जो प्रारंभिक बंडल का हिस्सा नहीं हैं, जो उनके बाद लोड होते हैं।

फ़ोरम, विकी, wysiwyg, रंग पिकर, ड्रैग/ड्रॉप, कैलेंडर, और कुछ एनीमेशन फ़ाइलें दूसरी श्रेणी का हिस्सा हैं। आपको आमतौर पर उपयोग किए जाने वाले कार्यों के बारे में उचित निर्णय लेने की आवश्यकता होती है और तुरंत देरी की आवश्यकता होती है।

यदि मैं तुरंत सब कुछ शामिल करता हूं तो मैं जावास्क्रिप्ट के एक मेगापिक्सल से ऊपर हो सकता हूं, जो पागल हो जाएगा और प्रारंभिक बूट को अस्वीकार्य रूप से धीमा कर देगा।

दूसरी श्रेणी initSuccess घटना प्रारंभिक फ़ाइल से आग के बाद डाउनलोड करना शुरू कर देती है।

लेकिन दूसरी श्रेणी पहले की तुलना में अधिक बुद्धिमान है कि इससे पहले यह अधिक महत्वपूर्ण होता है। उदाहरण के लिए यदि आप विकी को देख रहे हैं तो यह रंग पिकर लोड करने से पहले विकी लोड करेगा।