requireJS विन्यास Modernizr

Question

के लिए मैं Modernizr सुविधा लोड करने के लिए कोशिश कर रहा हूँ requireJS साथ गतिशील रूप से पता लगाता है।
जैसा कि मॉडर्निज़र ने AMD में बनाया है, यह समस्या नहीं होनी चाहिए।

मेरे requireJS विन्यास Modernizr स्रोत निर्देशिका के लिए पथ शामिल है और सुविधा के लिए निर्देशिका का पता लगाता है:

requirejs.config({ 
    paths: { 
    "modernizr" : "components/modernizr/src", 
    "feature-detects": "components/modernizr/feature-detects" 
    } 
}); 

अपने विचार svg परीक्षण की आवश्यकता होगी में से एक मान देता है।
मेरा विचार परिभाषा लग सकता है की तरह this

define(["feature-detects/svg"], function() { .. }); 

दुर्भाग्य svg.js नहीं Modernizr.js क्योंकि सभी सुविधा का पता लगाता है और Modernizr स्रोत फ़ाइलें किसी भी निर्देशिका निर्दिष्ट किए बिना Modernizr लोड पा सकते हैं: define(['Modernizr'], ..।

कौन सा में परिणाम एक बहुत बदसूरत require.config

requirejs.config({ 
    paths: { 
    "Modernizr": "components/modernizr/src/Modernizr", 
    "addTest": "components/modernizr/src/addTest", 
    "ModernizrProto": "components/modernizr/src/ModernizrProto", 
    "setClasses": "components/modernizr/src/setClasses", 
    "hasOwnProp": "components/modernizr/src/hasOwnProp", 
    "tests": "components/modernizr/src/tests", 
    "is": "components/modernizr/src/is", 
    "docElement": "components/modernizr/src/docElement", 
    "feature-detects": "components/modernizr/feature-detects" 
    } 
}); 

वहाँ एक क्लीनर तरीका जब भी यह फ़ाइल नहीं मिल सकी components/modernizr/src/ में खोज करने के लिए requireJS बताने के लिए है?

अद्यतन

मैं एक example github project जो बुनियादी सेटअप और एक चल demonstration शामिल बनाया।

Answer 1

मॉडर्निज़र की एएमडी संरचना (वर्तमान में) केवल अपनी आंतरिक निर्माण प्रक्रिया के लिए है। हमने इसका खुलासा करने पर चर्चा की है ताकि इसका उपयोग किया जा सके जैसा कि आपने कोशिश की है, लेकिन अभी तक ऐसा करने के सुविधाजनक तरीके से सहमत नहीं है। A Modernizr plugin for RequireJS एक विकल्प हो सकता है।

क्या आप बोवर का उपयोग कर रहे हैं? यदि ऐसा है, तो यह आधुनिकizr isn't suitable for use with Bower yet पर ध्यान देने योग्य है।

इस समय आपकी बिल्ड प्रक्रिया में मॉडर्निज़र को टाई जाने का अनुशंसित तरीका grunt-modernizr का उपयोग कर रहा है, जो स्वचालित रूप से आपके कोड में मॉडर्निज़र का पता लगाता है (या आप उन्हें स्पष्ट रूप से परिभाषित कर सकते हैं), तो आप केवल परिणामी मॉडर्नइज़र बिल्ड का उपयोग कर सकते हैं किसी अन्य एएमडी निर्भरता की तरह जब भी आप इसकी आवश्यकता है:

define(['path/to/built/modernizr.js'], function (Modernizr) { 
    if (Modernizr.svg) { 
     ... 
    } 
}); 

Answer 2

अगर मैं आपके सवाल का सही ढंग से समझ, तुम बस इतना की तरह अपने सुविधा को परिभाषित नहीं होगा: अपनी सुविधा का पता लगाने कोड चलाता है से पहले

define([ 
    "modernizr", 
    "feature-detects/svg" 
], function(Modernizr) { 
    Modernizr.addTest(); 
}); 

इस तरह modernizr लोड किया जाएगा।

Answer 3

मेरे सुझाव एक शिम

कॉन्फ़िग

paths: { 
     'Modernizr': 'PATH TO MODERNIZR' 
    } 
shim: { 
     'Modernizr': { 
      exports: 'Modernizr' 
     } 
    } 

है करने के लिए किया जाएगा

=================

आपके पास अपनी स्क्रिप्ट में परिभाषित Modernizr साथ एएमडी उपयोग करने का कारण के रूप में

define(['Modernizr'],function(Modernizr) { 
    'use strict'; 

console.log(Modernizr) 
// This should log the Modernizr function 

//For Example 
if(Modernizr.boxshadow){ 
    // Do something here 
} 

};