„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 Bootstrap
Dies 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 .