अप्रयुक्त जावास्क्रिप्ट कोड को हटाने के लिए मैं Google क्लोजर कंपाइलर का उपयोग कैसे करूं?

Question

अप्रयुक्त कोड को हटाने के लिए मैं Google क्लोजर कंपाइलर का उपयोग कैसे करूं?

मैं JQuery स्लाइडर नियंत्रण का उपयोग कर रहा हूं लेकिन JQuery के भीतर कुछ भी नहीं उपयोग कर रहा हूं। इसलिए मैंने पढ़ा कि में Google क्लोजर कंपाइलर उन्नत मोड अप्रयुक्त कोड, हटा सकता है लेकिन मुझे नहीं पता कि कैसे।

मेरे पास frontpage.html है जो बाहरी साइट पर होस्ट किए गए उस HTML पृष्ठ से बाहरी JQuery, JQuery UI और JQuery स्लाइडर नियंत्रण से लिंक है।

मेरे frontpage.html पर, मेरे पास HTML के भीतर एम्बेडेड जावास्क्रिप्ट भी है जो JQuery स्लाइडर नियंत्रण शुरू करता है।

मैं उपयोग नहीं करता हूं कि मैं उपयोग नहीं किए गए सभी अप्रयुक्त JQuery कोड को हटाने के लिए अपने frontpage.html, JQuery, JQuery UI, और JQuery स्लाइडर का मूल्यांकन करने के लिए online Closure Compiler का उपयोग कैसे करूं?

Answer 1

शुरुआत के रूप में पहले मैं आपको सुझाव देता हूं कि सरल अनुकूलन आज़माएं। क्योंकि यह बिना किसी कॉन्फ़िगरेशन के काम करता है और शानदार परिणाम उत्पन्न करता है। नाम से गुमराह मत बनो। सरल अनुकूलन वहां किसी भी अन्य संपीड़न उपकरण की तुलना में बेहतर बचत प्रदान करता है। उन्नत स्तर आपका अगला कदम हो सकता है लेकिन यह थोड़ा और जटिल है।

कंपाइलर का उपयोग करने के लिए। मेरी सलाह है कि आपकी सभी स्क्रिप्ट को में एक जावास्क्रिप्ट फ़ाइल, अपलोड करें इसे अपनी वेबसाइट पर अपलोड करें ताकि इसमें यूआरएल होगा, इसे ऑनलाइन शिकायतकर्ता को पास कर दें। फिर आप Add और Compile पर क्लिक करें और आप कर चुके हैं।

दाएं हाथ में संकलित कोड आप देखेंगे। default.js नाम की एक फ़ाइल भी बनाई जाएगी और आप डाउनलोड कर सकते हैं।

अगला चरण है, तो अपने सर्वर पर अपलोड अपनी आवश्यकताओं के नाम बदलने यह के लिए है, HTML में .js संदर्भ बदल सकते हैं और आपका काम लगभग पूरा कर रहे हैं। मज़े करो!

Answer 2

वहाँ दूर करने के लिए/अपने संयुक्त उत्पादन स्क्रिप्ट से अप्रयुक्त कोड को बाहर दो तरीके हैं:

• पहले ADVANCED_OPTIMIZATIONS संकलन स्तर
• दूसरा (विस्तृत विवरण और उपयोग के लिए Advanced Compilation and Externs को देखें) का इस्तेमाल किया जाता, (यानी --manage_closure_dependencies संकलन ध्वज

दो विकल्पों में से

का उपयोग कर manage dependencies को संकलक अनुमति देने के लिए, को दूर करने के --manage_closure_dependencies ध्वज का उपयोग कर रहा है अप्रयुक्त कोड कम दानेदार है (यानी। फ़ाइल स्तर पर कोड को छोड़कर), लेकिन यह आपको SIMPLE_OPTIMIZATIONS संकलन स्तर पर रहने की अनुमति देता है।

// ==ClosureCompiler== 
// @compilation_level ADVANCED_OPTIMIZATIONS 
// @output_file_name default.js 
// @code_url http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js 
// @code_url http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.js 
// ==/ClosureCompiler== 

// ADD YOUR CODE HERE 

आशा इस मदद करता है: या तो मामले में, आप jQuery और jQueryUI लिपियों के यूआरएल और अपने कोड है कि इस (1 विकल्प) की तरह अपने पेज-कुछ से jQuery स्लाइडर की खपत में शामिल करना होगा।

Answer 3

क्लोजर कंपाइलर का ADVANCED_OPTIMIZATION वर्तमान में jQuery को अलग करने में सक्षम नहीं है। चतुर रनटाइम विस्तार, विभिन्न एलियासिंग, और पैरामीटर के आधार पर अलग-अलग उद्देश्यों की पूर्ति करने वाले फ़ंक्शन का उपयोग करके स्वयं को कम करने के लिए jQuery प्रयासों को संकलक के लिए jQuery अपारदर्शी बनाने के लिए सभी कार्यों को एक साथ पारित किया गया। उस ने कहा, उचित क्लोजर कंपाइलर ADVANCED_OPTIMIZATION समर्थन jQuery 1.8 के लिए jQuery टीमों की इच्छा-सूची पर उच्च है।