बंडल ट्रांसफार्मर 1.6.5 जारी किया

बंडल ट्रांसफार्मर के नए संस्करण में मुख्य नवाचार टाइपस्क्रिप्ट भाषा का समर्थन बन गया है। इसके अलावा, उत्पाद कोर और निम्न मॉड्यूल में परिवर्तन किए गए थे: बंडलट्रांसफ़ॉर्मर।माइकोसैनजैक्स, बंडलट्रांसफॉर्मर.युइ और बंडलट्रांसफॉर्मर.कस्सो।

इस संस्करण के मुख्य नवाचारों पर विचार करें:

कोर

बंडलट्रांसफॉर्मर.कोर में पहले की न्यूनतम फाइलों के उपयोग से इंकार करने का एक अवसर है (उदाहरण के लिए, एक्सटेंशन *.min.css और *.min.js साथ फाइल) और चुने हुए मिनिमाइज़र का उपयोग करके कोड को विशेष रूप से छोटा करने का। usePreMinifiedFiles और js कॉन्फ़िगरेशन तत्वों के usePreMinifiedFiles विशेषताएँ प्री-मिनिमाइज़ की गई फ़ाइलों के उपयोग को सक्षम / अक्षम करने के लिए जिम्मेदार हैं। निम्न उदाहरण कोड को दिखाता है जो पूर्व-न्यूनतम फ़ाइलों के उपयोग को अक्षम करता है।

 <?xml version="1.0" encoding="utf-8"?> <configuration> ... <bundleTransformer xmlns="http://tempuri.org/BundleTransformer.Configuration.xsd"> <core> <css usePreMinifiedFiles="false"> ... </css> <js usePreMinifiedFiles="false"> ... </js> ... </core> ... </bundleTransformer> ... </configuration> 

डिफ़ॉल्ट रूप से, usePreMinifiedFiles को true सेट किया जाता true ।

यह सुविधा उन डेवलपर्स के लिए उपयोगी है जो अपने वेब एप्लिकेशन के संपूर्ण CSS और / या JS कोड में उच्चतम संपीड़न अनुपात के साथ न्यूनतम एल्गोरिदम लागू करना चाहते हैं। लेकिन याद रखें कि कुछ JS लाइब्रेरीज़ को त्रुटियों के बिना संकुचित नहीं किया जा सकता है। इसके अलावा, संपीड़ित कोड की मात्रा बढ़ जाएगी, जिससे मक्खी पर न्यूनतमकरण की अवधि में वृद्धि होगी।

अनुवादक

बंडल ट्रांसफार्मर: टाइपस्क्रिप्ट

बंडलट्रांसफॉर्मर.टाइपस्क्रिप्ट मॉड्यूल में TypeScriptTranslator ट्रांसलेटर एडाप्टर होता है जो टाइपस्क्रिप्ट कोड का जावास्क्रिप्ट में अनुवाद करता है। यदि आपने टाइपस्क्रिप्ट के बारे में कुछ नहीं सुना है, तो मेरा सुझाव है कि आप निम्नलिखित लेख पढ़ें: "टाइपस्क्रिप्ट: बड़े जावास्क्रिप्ट अनुप्रयोगों को विकसित करने के लिए एक भाषा" अनातोली एलिज़ार और "एएसपीनेट एमवीसी 4 वेब एप्लिकेशन के लिए टाइपस्क्रिप्ट" एंड्री वेसोवोव द्वारा ।

TypeScript संकलन विकल्प Web.config फ़ाइल में typeScript कॉन्फ़िगरेशन अनुभाग का उपयोग करके कॉन्फ़िगर किया जा सकता है:

 <?xml version="1.0" encoding="utf-8"?> <configuration> ... <bundleTransformer xmlns="http://tempuri.org/BundleTransformer.Configuration.xsd"> <typeScript useNativeMinification="false" useDefaultLib="true" propagateConstants="false" errorOnWith="true" inferPropertiesFromThisAssignment="false" codeGenTarget="EcmaScript3"> <style bitwise="false" blockInCompoundStatement="false" eqEqEq="false" forIn="false" emptyBlocks="true" newMustBeUsed="false" requireSemicolons="false" assignmentInConditions="false" eqNull="false" evalOk="true" innerScopeDeclarationsEscape="true" functionsInLoops="true" reDeclareLocal="true" literalSubscript="true" implicitAny="false" /> </typeScript> ... </bundleTransformer> ... </configuration> 

बड़ी संख्या में संपत्तियों के नाम और संभावित मूल्य मूल संकलक के विन्यास गुणों के साथ मेल खाते हैं, इसलिए मैं उन गुणों पर विचार करूंगा जिनका उद्देश्य स्पष्ट नहीं हो सकता है:

• useNativeMinification="(true|false)" । टाइपस्क्रिप्ट-कंपाइलर के माध्यम से उत्पन्न जेएस-कोड को कम करने की अनुमति देता है। अंतर्निहित न्यूनतमकरण के साथ, व्हाट्सएप और टिप्पणियां हटा दी जाती हैं। इस तरह से संपीड़ित कोड को मिनिमाइज़र मॉड्यूल के माध्यम से कम से कम नहीं किया जाता है, इसलिए, अंतर्निहित कम से कम का उपयोग केवल उन मामलों में किया जाना चाहिए जब किसी कारण के लिए, कम से कम मॉड्यूल का उपयोग असंभव है। यह कॉन्फ़िगरेशन प्रॉपर्टी एक बार में दो कंपाइलर प्रॉपर्टीज को नियंत्रित करती है: minWhitespace और emitComments
• useDefaultLib="(true|false)" । फ़ाइल lib.d.ts में घोषित जेनेरिक प्रकारों के संकलक परिभाषाओं में लोड करने की अनुमति देता है। सामान्य प्रकार में ECMAScript, DOM और Windows स्क्रिप्ट होस्ट से मुख्य प्रकार शामिल हैं।

एक TS फ़ाइल के लिए कोड को संकलित करने के लिए जो अन्य फ़ाइलों में घोषित प्रकारों का उपयोग करता है, आपको कोड में इन फ़ाइलों के लिंक जोड़ने की आवश्यकता है। दस्तावेज़ टैग <reference> (इस टैग पर अधिक जानकारी के लिए, लेख देखें "विज़ुअल स्टूडियो में JS और CSS के साथ काम करना आसान बनाता है" ) का उपयोग करके फ़ाइलों के लिंक जोड़े जाते हैं।

 /// <reference path="jquery.d.ts" /> /// <reference path="TranslatorBadge.ts" /> /// <summary> /// Creates colored badge for translator /// </summary> ;class ColoredTranslatorBadge extends TranslatorBadge { public getTextColor(): string { /// <summary> /// Gets a text color of badge /// </summary> /// <returns type="String"> /// Text color of badge /// </returns> return this.$linkElem.css("color"); } public setTextColor(color: string): void { /// <summary> /// Sets a text color of badge /// </summary> /// <param name="color" type="String"> /// Text color of badge /// </param> this.$linkElem.css("color", color); } public getBorderColor(): string { /// <summary> /// Gets a border color of badge /// </summary> /// <returns type="String"> /// Border color of badge /// </returns> return this.$badgeElem.css("border-color"); } public setBorderColor(color: string) { /// <summary> /// Sets a border color of badge /// </summary> /// <param name="color" type="String"> /// Border color of badge /// </param> this.$badgeElem.css("border-color", color); } } 

उपरोक्त कोड में, jquery.d.ts और TranslatorBadge.ts फ़ाइलों को दस्तावेज़ टैग <reference> का उपयोग करके जोड़ा जाता है।

minimizers

बंडल ट्रांसफार्मर: Microsoft Ajax

बंडलट्रांसफॉर्मर.माइकोसोआजैक्स मॉड्यूल में, Microsoft अजाक्स मिनिफायर लाइब्रेरी को संस्करण 4.69 में अद्यतन किया गया था।

बंडल ट्रांसफार्मर: YUI

बंडलट्रांसफॉर्मर.यूई में , .Net लाइब्रेरी के लिए YUI कंप्रेसर को 2.1.0.0 संस्करण में अपडेट किया गया है।

बंडल ट्रांसफार्मर: CSSO

बंडलट्रांसफॉर्मर.कोसो ( x86 , x64 ) में, सीएसएसओ मिनिमाइज़र कोड को 1.3.4 संस्करण में अपडेट किया गया है।