Угловой файл main.js большого размера

Question

Мой проект пользователя angular версии 7, а вот конфигурация angular.json

когда я собираю для производства, мой файл main.js становится слишком большим, почти 12 МБ, что заставляет мое приложение загружать страницу очень медленно. Почти начальная загрузка занимает 4 - 5 минут

Вот результат сборки

Вот мой результат анализа

заранее спасибо

Answer 1

Разделите файл, который занимает слишком много времени, на модули и примените ленивую загрузку.

Answer 2

• Прежде всего, прекратите использовать анализатор пакетов webpack, потому что он не дает точного представления о пространстве вашего пакета, и начните использовать https://github.com/danvk/source-map-explorer.

• В соответствии с Angular документов, если импортировать любую вещь вне ленивым загруженного модуля, то он будет включен в вашем main.js расслоения. У меня была эта проблема, когда я импортировал общий модуль в каждый модуль, а сам общий модуль импортировал множество пакетов изnode_modules что привело к увеличению файла main.js.

Answer 3

если вы пробовали модуль отложенной загрузки, и он все еще не работает. изменить tsconfig.jsonмодуль из commonjsк es2020и добавить sideEffects: falseна ваш package.jsonа потом, вуаля:

полное объяснение, о котором я говорил здесь /questions/37452808/angular2-cli-ogromnyij-vendor-komplekt-kak-uluchshit-razmer-dlya-prod/62626143#62626143

Кстати, вы можете использовать g-zipна сервере, чтобы сделать это быстрее.