AngularJS 2.0 Große Dateigröße

Question

Ich baute die 5 MIN QUICKSTART App. Alles ging gut. Dann habe ich es mit webpack verkleinert, wie es von angularJS docs vorgeschlagen wird. Aber schließlich sah ich, dass die Größe der verkleinerten angularJS-Datei etwa 700 KB ist, die viel zu groß und überraschend ist, während AngularJS 1.5.6 144 KB ist.

(None minimierte Version von AngularJS 2 etwa 5 MB, während in AngularJS 1.x ist es rund 1 MB)

Fehle ich etwas hier oder AngularJS 2 ist das wirklich groß? Meine aktuelle Version von AngularJS ist 2.0.0-rc.1.

Answer 1

Sie können nun ein komplettes Paket von Angular 2 mit einer ungefähren Laufzeit von 450 KB mit dem Compiler für die Vorlaufzeit erstellen. Der folgende Befehl wendet den Minifikations- und den Vor-Zeiten-Compiler an.

ng build --prod --aot 

Es verwendet angular-cli, um die gesamte Anwendung zu packen. Die komprimierte Größe (gzip) beträgt etwa 100 KB.

Answer 2

Die Verwendung der AoT scheint der Weg zu sein, aber Sie müssen daran denken, dass der gesamte Prozess nicht so einfach ist, wie es auf den ersten Blick erscheinen mag.

Ich versuche derzeit, de Größe eines Bundles von einem Angular-universal Starter Pack zu reduzieren und die Verwendung von SASS in meine Komponenten bricht die AOT (sowie einige Verwendung von require() innerhalb meiner Komponenten).

Dieser Beitrag gibt einen guten Überblick darüber, wie Paketgröße, Optimierung für eine Angular2 Anwendung zu maximieren: http://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/