AngularJS 2.0 Duży rozmiar pliku

Question

Zbudowałem aplikację 5 MIN QUICKSTART. Wszystko poszło dobrze. Następnie zminimalizowałem go za pomocą webpack, jak to sugeruje angularJS docs. Ale w końcu zauważyłem, że rozmiar zminimalizowanego pliku angularJS jest około 700 KB, co jest o wiele za duże i zaskakujące, podczas gdy AngularJS 1.5.6 ma 144 KB.

(None minified wersja angularjs 2 wynosi około 5 MB, podczas gdy w angularjs 1.x to około 1 MB)

Am I brakuje czegoś tutaj lub angularjs 2 jest naprawdę ten duży? Moja aktualna wersja AngularJS to 2.0.0-rc.1.

Answer 1

Możesz teraz zbudować pełny pakiet Angular 2, zminimalizowany z około 450 KB, używając kompilatora z wyprzedzeniem. Poniższe polecenie stosuje minifikację i kompilator z wyprzedzeniem.

ng build --prod --aot 

Używa angular-cli do spakowania całej aplikacji. Rozmiar skompresowanego (gzip) wynosi około 100 KB.

Answer 2

Wydaje się, że korzystanie z AoT jest właściwą drogą, jednak należy pamiętać, że cały proces nie jest tak prosty, jak może się wydawać na początku.

Obecnie próbuję zmniejszyć rozmiar de pakietu z uniwersalnego pakietu startowego, a użycie SASS w moich komponentach przełamuje AOT (jak również pewne użycie require() w obrębie moich komponentów).

Ten post daje dobry przegląd jak zwiększyć rozmiar wiązki optymalizacji dla aplikacji Angular2: http://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/