मैं इस प्रलेखन का उल्लेख कर रहा था और संकलन अवधारणा पर आया था। कोई भी JIT या AOT संकलन का उपयोग कर सकता है। हालाँकि, मैंने इसे बहुत संक्षिप्त पाया और विवरण में निम्नलिखित बिंदुओं को जानने की आवश्यकता है,
जवाबों:
JIT - इसे निष्पादित करने के लिए समय में टाइप टाइपस्क्रिप्ट संकलित करें।
एओटी - बिल्ड चरण के दौरान टाइप टाइपस्क्रिप्ट।
हालाँकि कुछ उत्तर हैं, लेकिन मैं अपने कुछ निष्कर्षों को भी जोड़ना चाहूंगा, क्योंकि मैं वास्तव में इस उलझन में था कि वास्तव में सभी मामलों में क्या संकलित किया जा रहा है , TS-> JSरूपांतरण होता है। मैं जेफ के ब्लॉग से एक संदर्भ के रूप में कुछ पैरा ले रहा हूं ।
TSकोड डेवलपर द्वारा लिखित को संकलित किया गया है JSकोड। अब, यह संकलित jsकोड फिर से ब्राउज़र द्वारा संकलित किया जाता है ताकि htmlउपयोगकर्ता क्रिया के अनुसार गतिशील रूप से प्रदान किया जा सके और तदनुसार angular घटकों के लिए कोड , परिवर्तन का पता लगाने, निर्भरता इंजेक्शन) भी रनटाइम पर उत्पन्न हो।
(ब्राउज़र कंपाइलर वही है जो किसी एप्लिकेशन के निर्देशों और घटकों को अपने संबंधित HTML और CSS के साथ लेता है, और घटक कारखानों को उनके सभी व्यूअर लॉजिक के साथ इंस्टेंस को जल्दी से स्टैम्प करने के लिए बनाता है।)
जब एक कोणीय 2 एप्लिकेशन को ब्राउज़र में बूटस्ट्रैप किया जाता है, तो JIT संकलक रनटाइम में एप्लिकेशन के घटकों का विश्लेषण करने और मेमोरी में कोड उत्पन्न करने के लिए बहुत काम करता है। जब पृष्ठ रीफ्रेश किया जाता है, तो जो भी काम किया गया है, वह सब फेंक दिया जाता है, और जेआईटी कंपाइलर फिर से काम करता है।
TSकोड डेवलपर द्वारा लिखित को संकलित किया गया है JSकोड, यह js
पहले से ही साथ ही कोणीय के लिए संकलित किया गया है । अब, यह संकलित js कोड फिर से ब्राउज़र द्वारा संकलित किया जाता है ताकि htmlइसे प्रदान किया जा सके। लेकिन, यहाँ पकड़ यह है कि संकलक angularद्वारा पहले से ही सुविधाओं का ध्यान रखा गया है AOTऔर इसलिए ब्राउज़र को घटक निर्माण, परिवर्तन का पता लगाने, निर्भरता इंजेक्शन के बारे में ज्यादा चिंता करने की आवश्यकता नहीं है । तो हमारे पास :
तेजी से प्रतिपादन
एओटी के साथ, ब्राउज़र एप्लिकेशन का एक पूर्व संकलित संस्करण डाउनलोड करता है। ब्राउज़र निष्पादन योग्य कोड को लोड करता है इसलिए यह एप्लिकेशन को पहले संकलित किए बिना तुरंत आवेदन प्रस्तुत कर सकता है।
कम अतुल्यकालिक अनुरोध
कंपाइलर बाहरी HTML टेम्प्लेट और सीएसएस स्टाइल शीट को एप्लिकेशन जावास्क्रिप्ट के भीतर रखता है, जिससे उन सोर्स फाइल्स के लिए अलग-अलग अजाक्स अनुरोध समाप्त हो जाते हैं।
छोटे कोणीय रूपरेखा डाउनलोड आकार
यदि ऐप पहले से ही संकलित है, तो कोणीय संकलक को डाउनलोड करने की कोई आवश्यकता नहीं है। कंपाइलर लगभग कोणीय का आधा है, इसलिए इसे नाटकीय रूप से छोड़ने से एप्लिकेशन पेलोड कम हो जाता है।
पहले टेम्प्लेट त्रुटियों का पता लगाएं
AOT कंपाइलर उपयोगकर्ताओं को देखने से पहले बिल्ड चरण के दौरान टेम्पलेट बाइंडिंग त्रुटियों का पता लगाता है और रिपोर्ट करता है।
बेहतर सुरक्षा
AOT HTML टेम्प्लेट और कंपोनेंट्स को क्लाइंट के सामने सर्विस करने से बहुत पहले जावास्क्रिप्ट फाइल में संकलित करता है। पढ़ने के लिए कोई टेम्पलेट नहीं है और कोई जोखिम भरा क्लाइंट-साइड HTML या जावास्क्रिप्ट मूल्यांकन नहीं है, इंजेक्शन हमलों के लिए कम अवसर हैं।
शेष अंतर पहले से ही बेन्यामिन, निसार और गौरांग के बुलेट बिंदुओं में शामिल हैं।
बेझिझक मुझे सुधारो
बेनामिन और निसार ने यहां कुछ अच्छे बिंदुओं का उल्लेख किया है। मैं इसमें जोड़ दूंगा।
सैद्धांतिक रूप से, एओटी उत्पादन उद्देश्य के लिए जेआईटी की तुलना में एक आकर्षक विकल्प दिखता है, लेकिन मुझे संदेह था कि क्या एओटी वास्तव में इसके लायक है!
खैर, मुझे जेफ क्रॉस द्वारा अच्छे आँकड़े मिले और यह साबित होता है कि एओटी ऐप के बूटस्ट्रैपिंग समय को काफी कम कर देता है। जेफ क्रॉस के पोस्ट से नीचे स्नैप आपको इसके बारे में त्वरित विचार देगा,
जीटीटी (बस समय में) संकलन
नाम ही काम करने का वर्णन करता है, यह कोड को ब्राउज़र में पृष्ठ को लोड करने के समय में संकलित करता है। ब्राउज़र कंपाइलर को डाउनलोड करेगा और एप्लिकेशन कोड का निर्माण करेगा और उसे रेंडर करेगा।
यह विकास के माहौल के लिए अच्छा होगा।
एओटी (समय से आगे) संकलन
यह एप्लिकेशन के निर्माण के समय सभी कोड को संकलित करता है। इसलिए ब्राउज़र कंपाइलर को डाउनलोड करने और कोड संकलित नहीं करना चाहता है। इस विधि में ब्राउज़र आसानी से पहले से संकलित कोड को लोड करके एप्लिकेशन को आसानी से प्रस्तुत कर सकता है।
उत्पादन वातावरण में इस्तेमाल किया जा सकता है
हम नीचे के रूप में जीटीटी और एओटी संकलन की तुलना कर सकते हैं
JIT (जस्ट-इन-टाइम संकलन)
जस्ट-इन-टाइम (JIT) एक प्रकार का संकलन है जो आपके ऐप को रनटाइम में ब्राउज़र में संकलित करता है।
ng build
ng serve
एओटी (आगे का समय संकलन)
अहेड-ऑफ-टाइम (एओटी) एक प्रकार का संकलन है जो आपके ऐप को बिल्ड समय पर संकलित करता है।
ng build --aot
ng serve --aot
दिन के अंत में, एओटी (अहेड-ऑफ-टाइम) और जेआईटी (जस्ट-इन-टाइम) एक ही काम करते हैं। वे दोनों आपके कोणीय कोड को संकलित करते हैं इसलिए यह एक देशी वातावरण (ब्राउज़र उर्फ) में चल सकता है। मुख्य अंतर तब होता है जब संकलन होता है। एओटी के साथ, आपका कोड ब्राउज़र में ऐप डाउनलोड करने से पहले संकलित किया जाता है। JIT के साथ, आपका कोड ब्राउज़र में रनटाइम पर संकलित किया जाता है।
यहाँ तुलना है:
एओटी के लाभ:
वास्तव में केवल एक कोणीय संकलक है। एओटी और जेआईटी के बीच का अंतर टाइमिंग और टूलिंग का मामला है। एओटी के साथ, संकलक एक बार पुस्तकालयों के एक सेट का उपयोग करके निर्माण समय पर चलता है; जेआईटी के साथ यह प्रत्येक उपयोगकर्ता के लिए रनटाइम पर पुस्तकालयों के एक अलग सेट का उपयोग करके हर बार चलता है।
जेआईटी संकलक हम कोणीय परियोजना के विकास के दौरान उपयोग करते हैं। इस संकलन में (TS to JS रूपांतरण) एप्लिकेशन के रनटाइम के दौरान होता है। जहां AOT का उपयोग उत्पादन में एप्लिकेशन की तैनाती के लिए एप्लिकेशन कोड के निर्माण के दौरान किया जाता है, उस समय हम एनजी बिल्ड --prod कमांड का उपयोग करके अपना एप्लिकेशन कोड बनाते हैं जो वेबपैक नामक एक फ़ोल्डर उत्पन्न करता है, वेबपैक में सभी फाइलों का बंडल होता है (HTML , सीएसएस और टाइपस्क्रिप्ट) जावास्क्रिप्ट जावास्क्रिप्ट प्रारूप में।
उत्पादन के लिए उत्पन्न वेबपैक फ़ोल्डर का आकार विकास पर्यावरण (कमांड का उपयोग करके ... एनजी बिल्ड) के लिए उत्पन्न फ़ोल्डर की तुलना में बहुत कम है, क्योंकि इसमें वेबपैक फ़ोल्डर के अंदर संकलक नहीं है, यह आवेदन के प्रदर्शन में सुधार करता है ।