2014-05-12 13 views
30

में निर्भरता की आलसी लोडिंग के लिए ब्राउज़र या वेबपैक का उपयोग करना चाहिए, मैं एक बड़े अनुप्रयोग में कोणीय निर्भरताओं के एसिंक लोडिंग करना चाहता हूं और मैं इसके लिए Browserify या Webpack के बीच निर्णय लेने का प्रयास कर रहा हूं। मुझे पता है कि कोणीय 2.0 इस मूल रूप से समर्थन करेगा लेकिन अभी के लिए मैं एक अच्छी तरह से समर्थित और लोकप्रिय समाधान की तलाश में हूं।क्या मुझे कोणीय 1.x

किसी को भी सलाह है जिस पर लोगों को एक कोणीय टीम और परियोजना की संरचना करने के लिए सबसे अनुकूल तरीके से सबसे अच्छा काम करता दे सकते हैं।

उत्तर

43

मेरी कंपनी में, हम से अधिक browserify से webpack के लिए कारणों की एक भीड़ है, उनमें से एक होने के आलसी लोड करने के लिए बंद कर दिया है। browserify में कई बंडलों में

लाना बातें विशेष कोड के साथ ही कुछ विन्यास बदलाव ले लिया। यहां http://esa-matti.suuronen.org/blog/2013/04/15/asynchronous-module-loading-with-browserify/

वेबपैक के साथ, एक नया बंडल जोड़ने के लिए कॉन्फ़िगरेशन की प्रविष्टि फ़ाइल लाइन में अतिरिक्त प्रविष्टि फ़ाइल लाइन का अर्थ है। यहां एक त्वरित मार्गदर्शिका है: https://github.com/petehunt/webpack-howto#7-multiple-entrypoints। आलसी लोडिंग के मामले में, तुम भी विन्यास फाइल है, जो भयानक है में कुछ भी बदलने की जरूरत नहीं है - बस अतुल्यकालिक require सिंटैक्स का विस्तृत का उपयोग करें: https://github.com/petehunt/webpack-howto#9-async-loading

यहाँ बहुत से मिलते-जुलते एक सेटअप के लिए एक टेम्पलेट है हम उत्पादन में https://bench.co पर क्या उपयोग करते हैं। https://github.com/jeffling/angular-webpack-example/

+2

[वेबपैक और गल्प शामिल करने के लिए अतिरिक्त चरणों के साथ कोणीय फोनकैट ट्यूटोरियल का विस्तार संस्करण] (https://github.com/escapedcat/angular-phonecat-webpack-gulp)। चरण उदाहरण से बहुत सरल कदम। – escapedcat

+0

धन्यवाद जेफ! किसी भी मौके पर आप अपने कोणीय वेबपैक उदाहरण को विस्तारित कर सकते हैं यह दिखाने के लिए कि आप रनटाइम पर अतिरिक्त मॉड्यूल या नियंत्रक कैसे लोड कर सकते हैं? – Nikos

+0

@ निकोस कोई समस्या नहीं :) मैं वास्तव में इसे उदाहरण से बाहर छोड़ सकता हूं, क्योंकि मुझे लगता है कि लोगों को अब यह उपयोगी लगता है क्योंकि मुख्य रूप से यह चरम नंगे-नस्ल है। शायद हम इस परियोजना में किसी मुद्दे पर बात कर सकते हैं। क्या आप एक बना सकते हैं, और हम वहां चैट कर सकते हैं? रिकॉर्ड के लिए, यह कोणीय मॉड्यूल सिस्टम कैसे काम करता है इस वजह से रनटाइम में आलसी लोड चीजों के लिए थोड़ा अधिक जटिल है। आपको पेटी शिकार के उदाहरण के अनुसार आलसी लोडिंग को जोड़ना होगा + https://github.com/ocombe/ocLazyLoad –

-3

हाय आप के रूप में यह कई फ़ाइल प्रकारों (सीएसएस, जेएस +++) का समर्थन करता है webpack के साथ जाना चाहिए, और कई मॉड्यूल में कोड को अलग कर सकते हैं।

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