requireJS configuration per Modernizr

Question

Sto tentando di caricare la funzione Modernizr in modo dinamico con requireJS.
Come Modernizr ha costruito nel supporto AMD, questo non dovrebbe essere un problema.

La mia configurazione requireJS contiene i percorsi per la directory di origine Modernizr e alla funzione rileva directory:

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

lascia supporre uno dei miei punti di vista richiederebbero l' prova svg.
La mia definizione di vista potrebbe apparire come this

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

Purtroppo la svg.js non riesce a trovare Modernizr.js perché tutte le funzionalità rileva e file di origine Modernizr caricare Modernizr senza specificare qualsiasi directory: define(['Modernizr'], ...

che si traduce in un tempo molto brutto 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" 
    } 
}); 

C'è un modo più pulito per dire requireJS per la ricerca in components/modernizr/src/ ogni volta che non riusciva a trovare il file?

Aggiornamento

ho creato un example github project che include la configurazione di base e di una esecuzione demonstration.

Answer 1

La struttura AMD di Modernizr è (attualmente) solo per il proprio processo di compilazione interno. Abbiamo discusso dell'esposizione di questo in modo che possa essere utilizzato come hai provato, ma non abbiamo ancora trovato un modo conveniente per farlo. A Modernizr plugin for RequireJS potrebbe essere una opzione.

Stai usando Bower? Se è così, vale la pena notare Modernizr isn't suitable for use with Bower yet.

Il metodo consigliato per collegare Modernizr al processo di compilazione in questo momento è l'utilizzo di grunt-modernizr, che troverà automaticamente riferimenti a Modernizr nel codice (o è possibile definirli esplicitamente), quindi sarà sufficiente utilizzare la build Modernizr risultante come qualsiasi altra dipendenza AMD quando ne hai bisogno:

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

Answer 2

Se ho capito bene la tua domanda, non ti basta definire la funzione in questo modo:

Modernizr

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

In questo modo verrà caricato prima che il codice di rilevamento funzione viene eseguito.

Answer 3

Il mio suggerimento sarebbe di avere uno spessore

Config

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

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

È possibile utilizzare definire nello script

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

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

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

};