Hier ist die Sache,
Ich komme aus einer Welt, in der mehrere js-Dateien auf einer Webseite enthalten sind. Einige sind immer in der Seite enthalten (Ihre Bibliotheken, Menü usw.) und andere sind abhängig von der aktuellen Seite (js für Anmeldeseite, js für Abonnement usw.) ..). Grundsätzlich sagen wir, dass ich 1 verschiedene js-Datei pro Seite plus die libs habe.
Nun möchte ich ein neues Projekt mit browserify starten und stehe vor einem großen Problem:
Meine Fragen sind also :
Es hängt von Ihrem speziellen Fall ab. Browserify wird oft für Single-Page-Apps verwendet, bei denen ein einzelnes Paket oft die beste Lösung ist. Sie verwenden es in einer nicht einseitigen Anwendung.
Ich sehe zwei Möglichkeiten:
Bündeln Sie alles zusammen . Wenn Sie eine relativ kleine App haben, ist dies die einfachste und vielleicht effizienteste Lösung (wegen Browser-Caching). Fügen Sie einfach alle Ihre seitenspezifischen Module zusammen mit Ihren anderen ein.
Erstellen Sie separate Bundles . Sie können ein Bündel für jede Seite oder ein Bündel für Gruppen verwandter Seiten erstellen. Browserify erstellt für jedes Paket eine separate Datei und Sie können sie unabhängig auf jeder Seite einfügen.
Sie können weiterhin require()
für alle Module verwenden.
Sie können das Javascript jeder Seite in ein separates Verzeichnis aufteilen und damit den Schluck automatisieren. Mit Schluck könnte es etwa so aussehen:
%Vor%Erstellen Sie eine separate Aufgabe zum Durchsuchen Ihres gemeinsamen Bundles.
Danke für Ihre Antwort. Es bringt mich auf den richtigen Weg. Nach vielen anderen Recherchen fand ich das genaue Skript, das ich benötigte, um mehrere Einstiegspunkte-Dateien zu browsen, ohne sie manuell auf jedem von ihnen aufrufen zu müssen:
%Vor%Dieses Skript nimmt jede js-Datei in das JS_SRC-Verzeichnis und nimmt an, dass es sich um einen browsery-Einstiegspunkt handelt.
Das hat gut für mich funktioniert.
Tags und Links javascript browserify gulp commonjs