2014-05-03 1 views
3

J'essaie de faire fonctionner browserify-shim, mais je n'arrive pas à l'obtenir pour créer les globals que je m'attends à voir.pour que le navigateur-shim fonctionne comme prévu

(note, mon objectif final est d'obtenir ce travail de gulp, mais après avoir beaucoup de problèmes, je me suis dit que je supprimerais une variable et essayer d'obtenir ce travail dans browserify seul)

Dans ce cas, , Je m'attends à ce que des "chevaux" soient créés comme une variable globale pointant vers la bibliothèque jQuery.

// package.json 

{ 
    "version": "0.0.1", 
    "browser": { 
    "jquery": "./lib/js/vendor/jquery-2.0.2.js" 
    }, 
    "browserify": { 
    "transform": [ 
     "browserify-shim" 
    ] 
    }, 
    "browserify-shim": { 
    "jquery": "global:horses" 
    }, 
    "devDependencies": { 
    // my dev dependencies 
    }, 
    "dependencies": { 
    // my production dependencies 
    } 
} 

Avec cette configuration, à partir de la ligne de commande je cours:

browserify common.js > mycoolfile.js 

je puis inclure mycoolfile.js dans mon application et l'exécuter dans le navigateur:

<script src="mycoolfile.js"></script> 

Le fichier browserified est bien compris, mais quand je vais à la console de dev outils de chrome et tapez "chevaux" je reçois une erreur indéfinie. Des pensées sur ce que je peux faire de mal? Merci

Répondre

4

Je pense que vous voulez obtenir à jquery via exports et vous assumez aussi que global vous permet de prendre une approche globale d'un module crée et faire un alias pour, mais je ne pense pas que ce soit ça. Ce qui précède pourrait fonctionner si jquery avait vraiment un horses créé global, mais ce ne sera pas le cas si vous ne faites que le nommer arbitrairement. Je pense que vous essayez de faire quelque chose de plus comme ceci:

"browserify-shim": { 
    "jquery": {"exports": "jQuery"} 
}, 
+0

Merci Peter. Votre commentaire et la lecture de la documentation quelques fois de plus m'a aidé à trouver la configuration qui a fonctionné pour moi. Pour les futurs visiteurs de thread, ceci est la partie pertinente des documents browserify-shim: https://github.com/thlorenz/browserify-shim#multi-shim-example-including-dependencies –

Questions connexes