2016-08-26 18 views
12

के साथ अग्रिम-समय के कंपाइलर का उपयोग कैसे करें कोणीय क्ली के साथ एओटी का उपयोग करने का कोई तरीका है?कोणीय क्ली वेबपैक

मैंने मॉड्यूल (@ कोणीय/कंपाइलर @ कोणीय/कंपाइलर-क्ली) स्थापित किया है और जब मैं ngc -p scr टाइप करता हूं तो यह ngFactory.ts फ़ाइलों को बनाता है और इसे dist/tsc-out (कोणीय क्ली डिफॉल्ट) में संकलित करता है tsconfig में)

यकीन नहीं कैसे यहाँ से :)

चीयर्स

हान

उत्तर

28

निम्नलिखित के माध्यम से कोणीय CLI समर्थन AOT के सभी हाल ही में बीटा संस्करण आगे बढ़ने के लिए:

ng serve --aot 
ng build --aot 
#and of course 
ng build --prod --aot 

नोट:Angular CLI 1.0.0-beta.28 (जारी किया 1st फरवरी, 2017) के रूप में, --aot अगर --prod निर्दिष्ट किया जाता है डिफ़ॉल्ट रूप से चालू है।

+0

क्या आप उस पर संसाधनों के किसी भी ट्यूटोरियल के बारे में जानते हैं? जवाब के लिए धन्यवाद! –

+0

नहीं, मैं नहीं करता हूं। AFAIK 'ngc' के लिए दस्तावेज़ अभी तक पूरा नहीं हुए हैं। – Brocco

+1

@ मुख्य योगदानकर्ताओं में से एक हैनचे मिन्को गेकेव, एंगुलर एओटी पर एक बहुत ही विस्तृत स्पष्टीकरण ब्लॉग पोस्ट है: http://blog.mgechev.com/2016/08/14/ahead-of-time-compilation-angular-offline -precompilation/ –

23

कोणीय-क्ली बीटा 17 अब --aot :) का समर्थन करता है!

(उस में कुछ भी नहीं के साथ ऐसा) एक ब्रांड नई परियोजना पर मेरी परीक्षण देखें:

enter image description here

संपादित करें 1: 28 नवम्बर 2016:
बीटा 21 के बाद से, AOT आलसी लोड मॉड्यूल के साथ काम करता है :)!
मैं कुछ और जानकारी यहां दी https://stackoverflow.com/a/40788258/2398593

संपादित करें 2: 5 2017 कर सकते हैं:
CLI अगर आप --prod का उपयोग डिफ़ॉल्ट रूप से AOT साथ संकलन है। 27 जुलाई 2017:
(महीनों के बाद से, लेकिन एक वोट दें उस पोस्ट की मुझे याद दिलाया!)

संपादित 3
आप अपने बंडल आकार और भी कम करने के लिए चाहते हैं, यह अब है संभव निर्माण चलाकर --build-optimizer के साथ। एक छोटे से ऐप पर, मैं 1.3 एमबी से 864 केबी तक चला गया!

+0

'52 9 केबी' अभी भी * बड़ा * लगता है। मैंने एक वीडियो देखा जिसमें कहा गया था कि हम इसे ~ ~ 100kb' से नीचे प्राप्त कर सकते हैं ... – Akash

+1

gzip ~ 80% –

+1

@ आकाश मैं सहमत कर सकता हूं।100kb के तहत एक बंडल दिखाने वाले वीडियो शायद कोणीय-क्ली का उपयोग नहीं कर रहे हैं। आपको क्लोजर कंपाइलर की आवश्यकता होगी जिसमें वेबपैक की तुलना में बेहतर पेड़ हिलाएगा। – Maxime

संबंधित मुद्दे