Как я могу сделать мое Angular приложение 500K или меньше?

Question

Я пытался провести какое-то исследование по этому вопросу, но до сих пор не получил никаких оперативных результатов. Моя проблема в том, что мое Angular приложение становится невероятно большим, в настоящее время оно составляет 4 млн. В продуктах и ​​14 млн. В dev.

Я пробовал следующее:

• отложенная загрузка одного модуля который содержит большую часть кода приложения. Это привело к тому, что при загрузке модуля примерно 400 КБ не загружалось, но приложение все еще имеет размер 3,3 МБ в файле prod
• Удаление неиспользуемых css или неиспользуемых JS файлов (-200k)

У меня есть другая оптимизация, которую я мог бы сделать, чтобы сэкономить 100K, но это все, так что теперь я немного растерялся. Я искал "как сделать Angular меньше", но не могу найти практического решения для этого.

Я вижу много npm модулей, и не все они нужны, скажем, - например, я использовал библиотеку Amplify, которая добавляет много, и мне, например, не нужен GraphQL (я используйте много других вещей, но я не знаю, возможно ли удалить модули npm, я думаю, что нет.

Answer 1

После долгих исследований, пытаясь выяснить, как сделать приложение меньшего размера, мы просто решили перейти к реакции, поскольку Angular не предоставляет реальных инструментов для создания небольших приложений под нагрузкой. Мы призываем вас сделать то же самое!

Answer 2

Есть то, что называется ленивой загрузкой. Вы разделяете свое приложение на модули, и при маршрутизации каждый маршрут загружает модуль, который ему нужен, так что загружаются не все модули. Документация здесь