requireJS dla modernizr

Question

Próbuję załadować modernizr funkcję wykrywa dynamicznie requireJS.
Jako że Modernizr ma wbudowaną obsługę AMD, nie powinno to stanowić problemu.

Moja konfiguracja requireJS zawiera ścieżkę do katalogu źródłowego modernizr i funkcji wykrywa katalogu:

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

Załóżmy jeden z moich poglądów wymagałyby svg test.
Moja definicja widoku może wyglądać this

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

svg.js Niestety nie można znaleźć Modernizr.js ponieważ wszyscy funkcja wykrywa i pliki źródłowe modernizr załadować modernizr bez określania dowolny katalog: define(['Modernizr'], ...

co skutkuje bardzo brzydki 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" 
    } 
}); 

Czy istnieje przejrzysty sposób powiedzieć requireJS szukać w components/modernizr/src/ gdy nie mógł znaleźć plik?

Aktualizacja

I stworzył example github project która obejmuje podstawową konfigurację i uruchomiony demonstration.

Answer 1

Struktura AMD Modernizera jest (obecnie) tylko dla własnego wewnętrznego procesu budowy. Omówiliśmy wystawienie tego, aby można go było wykorzystać tak, jak już próbowaliśmy, ale nie uzgodniliśmy jeszcze dogodnego sposobu, aby to zrobić. A Modernizr plugin for RequireJS może być jedną z opcji.

Czy używasz Altana? Jeśli tak, warto zwrócić uwagę na Modernizr isn't suitable for use with Bower yet.

Zalecanym sposobem powiązania Modernizr z procesem kompilacji jest użycie grunt-modernizr, który automatycznie odnajdzie w kodzie odnośniki do wykrytych przez program Modernizr (lub możesz je jawnie zdefiniować), następnie możesz po prostu użyć wynikowej kompilacji Modernizr jak każde inne uzależnienie AMD, kiedy trzeba go:

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

Answer 2

Jeśli dobrze rozumiem Twoje pytanie, nie wystarczy zdefiniować funkcję tak:

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

ten sposób modernizr zostanie załadowany przed Twój kod działa funkcja wykrywania.

Answer 3

Moja sugestia byłoby mieć podkładkę

Config

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

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

Można użyć określić w skrypcie

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

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

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

};