2016-07-09 6 views
1

Ich entwickle eine Website mit Angular2 und TypeScript. Ich habe die "Erste Schritte" von der offiziellen Website verfolgt, was großartig ist. Aber am Ende des Tages fand ich heraus, dass meine node_module ~ 70MB Dinge haben. Was ich nicht verstehe ist: Ist das alles wirklich nötig? Wenn ich meine Webanwendung teste, lädt mein Browser nicht alles herunter. Tatsächlich glaube ich nicht, dass ich mehr als 2 MB herunterlade.Wie stelle ich eine Website bereit, wenn ich NPM für JS-Abhängigkeiten verwendet habe?

Ich möchte das Frontend an einem Frühlings-Boot-Anwendung für die Back-End-Teil einzubetten, aber in diesem Tempo, ich fürchte, das Glas Gigabyte lastig sein wird ...

Ich glaube, ich verpasst etwas, um bereit zu sein, den Frontend-Teil freizugeben, aber wie ich erwähnt habe, habe ich es selbst nicht gefunden. Wie geht es Ihnen, um leichte Websites zu liefern, wenn Sie npm und node_modules verwenden?

bearbeiten nach Anregungen zu Webpack

ich zu verstehen, dass Webpack eine Alternative zu System.js ist, dass die Abhängigkeiten Management vereinfacht und hilft, den Browser, um die richtige Libs und nicht alles herunterladen, nach dem Laufzeitabhängigkeiten. Aber es sagt mir nicht, ob ich alle diese Megabyte in node_modules auf dem Server hochladen sollte. (Oder verstehe ich es falsch?). Wenn ich eine Version meiner Website auf einen Server hochladen muss, wie kann ich herausfinden, welche Bibliotheken ich hochladen soll und welche nicht?

+0

Verwenden Sie Webpack oder System.js? – Harangue

+0

Versuchen Sie dies - https://angular.io/docs/ts/latest/guide/webpack.html#!#production-configuration – Sanket

+0

@Harangue Ich benutze System.js, genau wie die offiziellen Tutorials mir gesagt! Wie Sie und Sanket darauf hingewiesen haben, scheint es, ich sollte Webpack versuchen, vielen Dank :) – sjahan

Antwort

0

Da Sie daran interessiert sind, zu Webpack zu wechseln, generiert eine typische Webpack-Konfiguration ein paar bundles (js-Dateien). Diese JS-Dateien sind alles, was Sie verteilen müssen (zusammen mit Ihren HTML-Dateien und statischen Assets). Sie können sicherstellen, dass diese Pakete alles enthalten, was Sie benötigen, und Sie müssen nicht node_modules hochladen.

+0

Ok, also habe ich es wirklich falsch verstanden: Ich dachte nicht, dass es ein Bündel produziert! Das ist sehr interessant, ich werde es mir sehr bald anschauen! – sjahan