Угловой большой размер пучка благодаря угловым и пожарным модулям

Question

Я новичок в разработке Angular, и сейчас я изучаю, как оптимизировать размеры пакетов Angular. Я прочитал много постов об анализаторе пакетов, импорте, модулях, отложенной загрузке и т. Д.

Мое приложение довольно маленькое, но все еще загружает пакет поставщика с 2 МБ (без сжатия 11 МБ):

Я уже поместил большую часть (где используется большая сторонняя библиотека) в лениво загруженный модуль, но это сохранило только несколько КБ.

Самые большие модули кажутся:

• угловой
• база огня
• материал
• момент

Возможно лиуменьшить размер этих модулей? Я не вижу ни одного места, где я импортирую больше, чем нужно. Некоторые части даже не от меня.

Answer 1

Хорошей практикой для сокращения окончательной сборки приложения Angular является использование AOT-компилятора Angular. Вот некоторые подробности из Angular документации :

Меньший размер загрузки Angular Framework. Нет необходимости скачивать Angular-компилятор, если приложение уже скомпилировано. Компилятор составляет примерно половину самого Angular, поэтому его пропуск значительно снижает полезную нагрузку приложения.

Интересно также интегрировать Webpack в вашу компиляцию, особенно для производственных сборок. Вот ссылка на пост в блоге , описывающий процесс интеграции Angular 7 и Webpack 4.