Dlaczego projekty Angular 2 są tak duże?

Question

Jesteśmy w trakcie ponownego pisania naszego projektu ng1 za pomocą ng2. Nasz projekt ng1 po zbudowaniu ma około 8 MB. Zajmujemy około jednej czwartej czasu w naszym ponownym zapisie do ng2, a my już mamy 14 MB za naszą ng2 build.

Główną różnicę w rozmiarze folderu dist można przypisać do różnych rozmiarów map źródłowych. Oba projekty zawierają mapy źródłowe, ale mapy źródłowe ng2 są znacznie większe. To ma dla mnie sens, ponieważ ng2 ma więcej kart katalogowych, komponenty są oddzielone i tak dalej.

Początkowo to pytanie zostało umieszczone pod numerem pod numerem, ponieważ było za duże, aby odpowiedzieć. Zgadzam się. Ale właśnie dlatego o to pytam. Próbuję zrozumieć wszystkie oferty ng2, które sprawią, że ostateczny produkt ng2 będzie lepszy niż wersja ng1.

Co to jest niektóre z praktycznych podejść/procedur/narzędzi, które możemy zastosować do naszych praktyk programistycznych ng2, aby zachować małe rozmiary i, z kolei, szybkie wrażenia użytkownika?

Answer 1

starałem się kątową 2 na drugi dzień i ja w obliczu tego samego problemu, jak to zrobić, moje vendor.js był 6M i to było proste „Hello World” app ...

Znalazłem następujący post, który bardzo pomógł nam zrozumieć, jak powinniśmy postępować w tej sprawie (na razie): http://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/

Używa kilku technik optymalizacyjnych i kompresujących (prekompilacja, drzeworys, minifikacja, pakiet i gzip) w swojej aplikacji 1.5M do zmniejszyć jego rozmiar do zaledwie 50kb.

Sprawdź to, mam nadzieję, że pomoże! :)