„Modul 'jquery' kann nicht gefunden werden“ - Globale Daten für JQuery und AngularJS werden in browserify mit Gulp verarbeitet

Ich habe versucht, ein Projekt zu erstellen, das nutztAngularJS, Browserify undGulp Für eine hervorragende Entwicklererfahrung, eine, die ein verteilbares "Modul" (in der Umgangssprache Angular) erzeugt. Die Idee ist, ein selbst dokumentiertes Projekt zu haben, wieAngular BootstrapDies erzeugt auch eine Verbrauchsmaterialverteilung zur Verwendung in einer anderen Anwendung.

Wir haben großartige Ergebnisse mitGulp, aber wir haben Probleme mitbrowserify/browserify-shim. Leider wird in den meisten Beispielen weder gulp noch use verwendetgulp-browserify, der auf die schwarze Liste gesetzt / beendet wurde.

Wir schließen einAngularJS undJQuery vonGoogle CDN wie<script> Tags und haben deklariert"angular" : "global:angular" und"jquery" : "global:$" in unsererbrowserify-shim config inpackage.json, aber wir bekommen"cannot find module" wenn wir versuchen, Benutzervar angular = require('angular') undvar $ = require('jquery') in unserem Browser-Code (sobald er im Browser läuft).

Ich habe ein Beispielprojekt erstellt, das dies auf ein Minimum reduziert.

Ein Beispielrepository für den Code finden Sie unter

Einmal geklont, würden Sie laufen'npm install', dann'bower install', dann'gulp' von der Wurzel dermulti-browserify Ordner, um die Dateien zu generieren und den Testserver auszuführen.

Während gulp ausgeführt wird, können Sie unter http: //: 4000 / gulp.html auf das Live-HTML zugreifen

Jede Hilfe wäre sehr dankbar - ich frage mich, ob wir auf einen Fehler / ein Problem mit der Überschneidung von Schluck, Browser, Vinyl-Quell-Stream usw. gestoßen sind, oder eher, wir verstehen es einfach noch nicht ganz .

Antworten auf die Frage(2)

Ihre Antwort auf die Frage