Angular 5 - основной файл пакета слишком велик на сервере разработки

Мы разрабатываем приложение с использованием Angular 5. После запуска ng build --prod --aot и развертывания папки dist на сервере разработки основной пакет создал 2.2MB on initial load. Он и так невелик по сравнению с размером пакета 8MB поставщика (при запуске ng build --prod), но все же нам нужно уменьшить размер основного пакета. Есть ли способ уменьшить размер основной связки?

сеть


person Eugene    schedule 06.04.2018    source источник
comment
Вы можете исключить папку node_modules из пакета.   -  person Dheeraj Kumar    schedule 06.04.2018
comment
Можете ли вы предоставить файлы index.html и .angular-cli.json?   -  person planet_hunter    schedule 06.04.2018
comment
Привет, @ManojChalode. Просмотрите эту ссылку, чтобы увидеть index.html и .angular-cli.json Спасибо: )   -  person Eugene    schedule 09.04.2018


Ответы (2)


Вы можете уменьшить размер пакета, добавив к вашей сборке флаг build-optimizer:

ng build --prod --build-optimizer

Попробуйте выполнить указанную выше команду. Для получения дополнительной информации посетите: https://angular.io/guide/deployment

AFAIK вам не нужно включать флаг --aot при построении с использованием --prod. Производственная сборка не включена по умолчанию.

Обновление до последней версии angular также является решением этой проблемы. Поскольку последняя версия часто поставляется с более оптимизированными процедурами сборки.

person Gautam Krishna R    schedule 06.04.2018
comment
Привет, Гаутам, я попытался запустить команду, но размер основного пакета по-прежнему составляет 2,3 МБ - person Eugene; 06.04.2018
comment
Привет, @Eugene, попробуйте выполнить действия, описанные в следующем ответе: stackoverflow.com/a/43358855/4214976 - person Gautam Krishna R; 06.04.2018
comment
Пробовал эту команду ng build --aot --prod --build-optimizer = true --vendor-chunk = true, и она уменьшила размер с 2.3MB до 869KB. Однако он создал файл поставщика размером 1,7 МБ, который, я думаю, все тот же - person Eugene; 06.04.2018
comment
--aot и --build-optimizer являются дополнительными при использовании --prod - person Antoniossss; 27.06.2018

Я считаю, что вам нужно разделить код на модули и лениво их загружать.

person Ramdane Oualitsen    schedule 18.01.2019