लोड हो रहा है min.js साथ टाइपप्रति द्वारा उत्पन्न फ़ाइलों की आवश्यकता होती है

Question

मैं एक पूर्ण टाइपप्रति और RequireJs के साथ काम कर आवेदन है, यह पूरी तरह से काम कर रहा है। अब मैं WebEssentials डाउनलोड कर चुका हूं और यह minified स्क्रिप्ट फ़ाइलों को उत्पन्न कर रहा है। WebEssentials मूल स्क्रिप्ट फ़ाइल के समान नाम के साथ अलग * .min.js फ़ाइलों को उत्पन्न करता है।

मैं अपने मूल स्क्रिप्ट फ़ाइलें की मेरी minified फ़ाइलों को लोड करने के बजाय RequireJs बता सकते हैं?

अग्रिम धन्यवाद

Answer 1

में आप पथ config का उपयोग कर सकते मॉड्यूल रास्तों ओवरराइड करने के लिए। तुम भी गैर minified फ़ाइलों पर वापस गिर कर सकते हैं:

requirejs.config({ 
    enforceDefine: true, 
    paths: { 
     jquery: [ 
      'lib/jquery.min', 
      'lib/jquery' 
     ] 
    } 
}); 

एक अधिक सामान्य तरीका मिनट फ़ाइलों है कि मैं के बारे में पता नहीं है का उपयोग करने के वहाँ हो सकता है!

Answer 2

इस के लिए कोई जादू नहीं है। आपके पास कुछ विकल्प हैं हालांकि

1. आपके लिए न्यूनतम फ़ाइलों को उत्पन्न करने के लिए RequireJS optimizer का उपयोग करें। बहुत विन्यास योग्य
2. का प्रयोग करें, एक में अपने सभी फाइलों को श्रेणीबद्ध करने और कम करें कि
3. एक स्क्रिप्ट/बैच फ़ाइल बनाएं कहीं और अपने अनुप्रयोग को कॉपी करने के .js करने के लिए सभी .min.js फ़ाइलों का नाम और अधिलेखित गैर मिनट --out संकलक विकल्प 'डी' या कुछ अन्य मिश्रण लेकिन आप सार
4. उपयोग paths config स्टीव की तरह उल्लेख मिलता है। बड़े ऐप्स के लिए ठीक है, बड़े के लिए आदर्श से कम।

सबसे अच्छा प्रदर्शन आप अनुकूलक पर गौर करने और यह निर्धारित करता है, तो एकल स्क्रिप्ट दृष्टिकोण सही फैसला या एक से अधिक छोटे पुस्तकालयों के लिए एक बेहतर तरीका है है चाहिए। मुझे संदेह है कि प्रत्येक .min.js फ़ाइल लोड करना आपके लिए आदर्श समाधान है।

Answer 3

आप की आवश्यकता होती है जो सशर्त सभी मॉड्यूल फ़ाइल अनुरोध करता है कि सामान्य रूप से सिर्फ '.js' उपांग प्राप्त होगा करने के लिए '.min.js' जोड़ देंगे, एक सरल अनुकूलित संस्करण बना सकते हैं। पर विचार करें निम्नलिखित:

//Join the path parts together, then figure out if baseUrl is needed. 
url = syms.join('/'); 

    //new statement 
var extension = config.useMinified ? '.min.js' : '.js'; 

    //customized statement 
url += (ext || (/^data\:|\?/.test(url) || skipExt ? '' : extension)); 

url = (url.charAt(0) === '/' || url.match(/^[\w\+\.\-]+:/) ? '' : config.baseUrl) + url;