Bundle node_modules pour le navigateur et garder "app.js" intacte

Question

fichier js

qui utilise un module de noeud NPM greetings et j'utiliser mes app.js dans le navigateur avec browserify:

Mon index. html ressemble à ceci:

Je sais que le code source du fichier app.js est maintenant intégré dans le fichier bundle.js.

J'ai maintenant l'exigence que mon code de production contient le app.js et un libary supplémentaire contenant les modules de noeud comme celui-ci:

Cela signifie que le client obtient le fichier app.js et le fichier bundle.js et que je peux maintenant utiliser les modules de noeud de mon app.js comme ceci:

Fondamentalement, je veux juste un bundle.js qui est utilisé comme libary pour mon app.js et contient les modules de noeud d'une manière que je peux les inclure dans le navigateur côté JavaScript. J'ai également fatigué d'utiliser le fichier côté client et le chargeur de module. require.js pour charger node_modules mais selon this thread cela ne fonctionne pas.

Answer 1

Vous devez utiliser -r de browserify & -x options: https://github.com/substack/node-browserify#multiple-bundles

Pour compiler votre code, exécutez:

browserify app.js -r ./greetings -o dist/bundle.js 
browserify app.js -x ./greetings -o dist/app.js 

dist/bundle.js contiendra le module greetings, dist/app.js contiendra votre code.