2014-10-15 5 views
5

में विकास करना जारी रखें हमारे index.html लगभग 25 जावास्क्रिप्ट फ़ाइलों को संदर्भित करता है। तैनाती के लिए, हमें उन सभी को कम करने की आवश्यकता है, इसलिए हमें minified संस्करणों के लिए हमारे index.html संदर्भों को अपडेट करना होगा।छोटा कोड का संदर्भ कैसे लें, लेकिन जावास्क्रिप्ट

जब हम विकास पर वापस जाते हैं, तो हमें एक समान index.html फ़ाइल का उपयोग करना होगा, लेकिन गैर-मिनीकृत जावास्क्रिप्ट फ़ाइलों के संदर्भ देना होगा। क्या दो index.html फ़ाइलों को सिंक में रखने के बिना इसे पूरा करने का कोई सबसे अच्छा तरीका है, एक विकास के लिए और एक तैनाती के लिए?

+0

यह प्रश्न व्यक्तिपरक है इसलिए यह विषय-वस्तु है, लेकिन आप एक ही जेएस फ़ाइल नाम क्यों नहीं रख सकते? विकास सर्वर पर x.js गैर-मिनीफाइड फ़ाइल को इंगित करेगा, जबकि उत्पादन सर्वर पर x.js minified प्रति को इंगित करेगा, बशर्ते आप उत्पादन सर्वर पर जो लोड करते हैं। – j08691

उत्तर

3

उत्तर स्रोत मानचित्र है, इसका मूल रूप से एक एकीकृत जावास्क्रिप्ट फ़ाइल को एक गैर-निर्मित स्थिति में संदर्भित करने का एक तरीका है।

इस तरह आपको केवल अपनी indexified जावास्क्रिप्ट फ़ाइल का संदर्भ देने वाली एक index.html फ़ाइल की आवश्यकता है, और स्रोत मानचित्र आपको डीबग करने में मदद करेंगे जैसे कि वे कम से कम थे।

यहां एक लिंक है जिसने वास्तव में मेरी मदद की।

http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

तुम भी कम करने से बनाने के लिए gulp या grunt जैसे उपकरणों का इस्तेमाल कर सकते हैं और स्रोत का निर्माण आसान मैप करता है।

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