6
votes

Y compris JQuery Mobile dans un projet Node JS avec Browserify

J'écris une application de noeud JS où j'ai besoin à la fois JQuery Ui et JQuery Mobile. J'utilise la navigation de navigation pour emballer les modules dans un seul fichier JS.

J'ai le code suivant pour inclure JQuery et JQuery UI dans mon projet. P>

<script src="/lib/jquery.mobile-1.4.0.min.js" type="text/javascript"></script>


0 commentaires

4 Réponses :


0
votes

J'ai le même problème.

En ce moment, j'utilise maintenant Browerify pour tous sauf JQuery et JQuery-Mobile et j'ajoute des balises de script pour JQuery et JQuery-Mobile à l'en-tête et la balise de script du paquet au fond du corps (donc, besoin ("../ jQuery") et nécessitent ("../ jquery-mobile") ne sont plus nécessaires). Mauvaise solution, mais cela fonctionne xxx


0 commentaires

1
votes

Vous devez utiliser une cale de navigation.

Vous pouvez utiliser Grunt-navigateur pour exécuter votre requérant avant la charge de la page.

Ensuite, vous pouvez simplement utiliser une cale pour exporter "$" et avoir besoin de jQuery à JQuery.Mobile comme c'est fait ici avec un autre plugin:

Shim A Plugin JQuery avec navigation de navigation

Vous pouvez également utiliser https://github.com/thlorenz/browserify-shim Si vous n'aimez pas l'approche GRUNT


0 commentaires

4
votes

Voici une simple démo annoncable en utilisant Browserify-shim et jQuery + jQuery Mobile: https://gist.github.com/mchelen/a8c5649da6bb50816f7e

Les lignes les plus importantes sont : p>

package.json code> p> xxx pré>

entrée.js code> p>

var $ = require('jquery');
$.mobile = require('jquery-mobile'); 


3 commentaires

J'ai essayé cela mais ça ne fonctionne pas pour moi avec JQuery Mobile 1.4.5. Il y a une référence à ceci qui renvoie objet {} . Je ne sais pas pourquoi il n'y a pas de référencement fenêtre .


J'ai essayé quelques heures pour faire ce travail aussi. Je ne comprends pas cette partie dans Packadge.json "Navigateur" où il code un chemin d'accès à JQuery et à JQuery-Mobile. N'est-ce pas censé être "connu" par navigation de navigation? Pourquoi un besoin («jQuery») fonctionne et nécessite («JQuery-Mobile») me traverse un «Impossible de trouver le module 'JQuery-Mobile'?


Ok j'ai finalement pu comprendre cela. En effet, vous n'avez pas besoin de spécifier un chemin vers JQuery, mais vous devez spécifier un chemin pour JQuery-Mobile. J'ai préparé une pâte pour: