Angular Academy · पाठ

बिल्ड और सर्व करना

डेवलपमेंट सर्वर चलाएँ और बिल्ड तैयार करें।

पाठ 4, कुल 4 में से13 चरण

बिल्ड और सर्व करना, CoddyKit पर Angular Academy का एक निःशुल्क पाठ है। यह 4 में से 4वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह Angular Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Angular Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

बिल्ड और सर्व करना

CLI विकास के दौरान आपके ऐप को स्थानीय रूप से चलाता है और उत्पादन के लिए अनुकूलित आउटपुट तैयार करता है। दो मुख्य आदेश ng serve और ng build हैं।

ng serve

ng serve लाइव रीलोड के साथ स्थानीय विकास सर्वर शुरू करता है। किसी फ़ाइल में बदलाव करने पर ब्राउज़र अपने-आप रीफ़्रेश हो जाता है।

ng serve

डिफ़ॉल्ट पता

डिफ़ॉल्ट रूप से विकास सर्वर http://localhost:4200 पर चलता है। अपना ऐप देखने के लिए यह URL खोलें।

पोर्ट और होस्ट बदलना

फ़्लैग की सहायता से पोर्ट या होस्ट बदलें।

ng serve --port 4300 --host 0.0.0.0

ब्राउज़र खोलना

open फ़्लैग आपके डिफ़ॉल्ट ब्राउज़र को अपने-आप खोल देता है।

ng serve --open
# or: ng serve -o

ng build

ng build ऐप को परिनियोजन के लिए स्थिर फ़ाइलों में कंपाइल करता है और उन्हें dist फ़ोल्डर में लिखता है।

ng build

उत्पादन अनुकूलन

उत्पादन बिल्ड कई अनुकूलन लागू करते हैं: पहले से किया गया कंपाइलेशन, छोटा करना, ट्री-शेकिंग और बंडल बनाना। इससे छोटा और तेज़ आउटपुट तैयार होता है।

dist आउटपुट

बिल्ड आउटपुट dist/<project-name>/ में आता है। इन स्थिर फ़ाइलों को किसी भी वेब होस्ट या CDN पर परिनियोजित करें।

बिल्ड कॉन्फ़िगरेशन

angular.json production और development जैसे कॉन्फ़िगरेशन परिभाषित करता है। configuration फ़्लैग से किसी एक का चयन करें।

ng build --configuration production

बिल्ड के दौरान निगरानी

सर्व किए बिना लगातार बिल्ड तैयार करने के लिए watch फ़्लैग फ़ाइलों में बदलाव होने पर फिर से बिल्ड करता है।

ng build --watch

परीक्षण चलाना

संबंधित आदेशों में यूनिट परीक्षणों के लिए ng test और स्थिर विश्लेषण के लिए ng lint (जब कॉन्फ़िगर किया गया हो) शामिल हैं।

ng test

त्वरित जाँच: सर्व बनाम बिल्ड

स्थानीय विकास बनाम परिनियोजन।

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावलोकन: बिल्ड और सर्व

localhost:4200 पर लाइव रीलोड के साथ स्थानीय विकास के लिए ng serve का उपयोग करें और परिनियोजन के लिए dist/ में अनुकूलित स्थिर फ़ाइलें तैयार करने हेतु ng build चलाएँ। कॉन्फ़िगरेशन और फ़्लैग होस्ट, पोर्ट और अनुकूलन स्तर को समायोजित करते हैं। आपने CLI पाठ्यक्रम पूरा कर लिया है।

शुरुआत निःशुल्क

एआई शिक्षक के साथ HTML सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 38
पाठ: 144

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “बिल्ड और सर्व करना” पाठ निःशुल्क है?

हाँ — Angular Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “बिल्ड और सर्व करना” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। Angular Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“बिल्ड और सर्व करना” में मैं क्या सीखूँगा?

डेवलपमेंट सर्वर चलाएँ और बिल्ड तैयार करें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Angular Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Angular Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Angular Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 4वाँ पाठ है।

“बिल्ड और सर्व करना” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस Angular Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर Angular Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← Angular Academy पर वापस जाएँ