Configuration de requireJS pour Modernizr

Je suis en train de charger le Modernizr fonction détecte dynamiquement avec requireJS.
Comme Modernizr a construit en AMD l'appui, que cela ne devrait pas être un problème.

Mon requireJS de configuration contient les chemins d'accès à la Modernizr répertoire source et à la fonctionnalité détecte répertoire:

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

Permet de supposer un de mes points de vue nécessiterait la svg test.
Ma définition de la vue pourrait ressembler cette

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

Malheureusement, le svg.js ne pouvez pas trouver Modernizr.js parce que toute fonction détecte et Modernizr fichiers source de la charge de Modernizr sans spécifier le répertoire de: define(['Modernizr'], ...

Qui en résulte est très laid exiger.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"
  }
});

Est-il une façon claire de dire requireJS pour la recherche en components/modernizr/src/ chaque fois qu'il ne trouve pas le fichier?

Mise à jour

J'ai créé un exemple de projet github qui comprend la configuration de base et de l'exécution d'un démonstration.

source d'informationauteur jantimon

19

De Modernizr AMD structure est (pour l'instant) que pour ses propres processus de construction. Nous avons discuté de l'exposition de ce, de sorte qu'il peut être utilisé comme vous l'avez essayé, mais je n'ai pas mis d'accord sur une façon pratique de faire cela encore. Un Modernizr plugin pour RequireJS pourrait être une option.

Êtes-vous à l'aide de la Charmille? Si oui, il est intéressant de noter Modernizr n'est pas adapté pour une utilisation avec Bower encore.

De la manière recommandée de cravate Modernizr dans votre processus de génération est à l'heure actuelle à l'aide de grunt-modernizrqui va automatiquement trouver des références à Modernizr détecte dans votre code (ou vous pouvez les définir explicitement), alors vous pouvez simplement utiliser la Modernizr construire comme toute autre AMD de la dépendance à chaque fois que vous en avez besoin:
```
define(['path/to/built/modernizr.js'], function (Modernizr) {
    if (Modernizr.svg) {
        ...
    }
});
```

Ma suggestion serait d'avoir une cale

Config

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

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

Vous pouvez utiliser définir dans votre script

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

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

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

});

-1

Si je comprends votre question correctement, ne serait-il pas définir votre fonction comme ceci:
```
define([
    "modernizr",
    "feature-detects/svg"
 ], function(Modernizr) {
     Modernizr.addTest();
});
```
De cette façon, modernizr sera chargé à l'avant de votre fonction de détection de code s'exécute.

Vous devez vous connecter pour publier un commentaire.