अपनी सामान्य स्क्रिप्ट लोड करने के लिए अपने data-main
विशेषता का उपयोग करें। कस्टम पेज पर, जहां भी आप कुछ ऐसा करने वाले हैं, जिसके लिए कस्टम मॉड्यूल की आवश्यकता होती है, बस इसे require
कॉल में लपेटें। आपका मास्टर पृष्ठ (या टेम्पलेट या लेआउट या जो कुछ भी यह आपके सर्वर मंच पर कहा जाता है) इस होगा:
<html><head>
<script language="javascript" src="require.js" data-main="general" ></script>
</head>
आपका कस्टम पृष्ठ मार्कअप इस तरह दिख सकता (स्मृति से वाक्य रचना, दोहरी जांच!)
<p class="funny">I'm a funny paragraph</p>
<script language="javascript">
require(['funny-stuff'], function(fs) {
fs.doSomthing();
});
</script>
funny-stuff
मॉड्यूल केवल उन पृष्ठों द्वारा लोड किया जाएगा जो इसके लिए पूछते हैं। यदि आप कुछ पृष्ठों पर अलग मार्कअप नहीं चाहते हैं या नहीं कर सकते हैं, तो आप if
कथन के अंदर require
कॉल को लपेटकर अपनी मुख्य स्क्रिप्ट से निर्भरता को गतिशील रूप से लोड कर सकते हैं। general.js
के भीतर:
// Determine if we need the custom module
if (isFunnyPage()) {
require(['funny-stuff'], function(fs) {
fs.doSomething();
});
}
जब आप अनुकूलक चलाने सावधान, हो सकता है क्योंकि यह निर्भरता require
कॉल में संदर्भित मिलेगा है, और डिफ़ॉल्ट पैकेज यह आपका मुख्य फाइल के साथ द्वारा है। तो आपको कस्टम मॉड्यूल को बाहर करने के लिए ऑप्टिमाइज़र को कॉन्फ़िगर करने की आवश्यकता होगी।
स्रोत
2012-05-31 19:17:04