Привет! Подскажите, в проекте при компиляции есть vendor.js на 12мб,

Question

Привет! Подскажите, в проекте при компиляции есть vendor.js на 12мб,

но после ng build --prod он куда-то пропадает, и общий размер билда уже в несколько раз меньше. Влияет ли большой размер этого файла при локальной разработке на производительность в проде? Есть ли смысл его всегда стараться как можно лучше его оптимизировать?

#angular #frontend #javascript #programming #russian

0

02.04.2022

9 ответов

22 просмотра

Smooth Operator

в прод режиме вендор в основной бандл кладется для оптимизации, есть спец опция --vendor-chunk что бы он отдельно был

0

02.04.2022

Даниил Гаврилов Автор вопроса

Smooth Operator
в прод режиме вендор в основной бандл кладется для...

Попробовал, интересная штука, спасибо. Значит, как я понял, при любом раскладе его лучше оптимизировать в средних-больших проектах)

0

02.04.2022

Rustam Mukhametshin

Я дилетант, ребята поправьте если что) vendor.js подключает в себя разные библиотеки, 3party и тд и тп. Допустим все material btn, input etc После того как делается ng build —prod, частичные настройки которого берутся с файла angular.json, данные view aka html файл допустим копилируется в typescript (ngc) Далее идет анализ Angular'a на то, что вы реально используете а что нет с библиотеки. IVY с помощью я так понимаю настроек webpack при анализе и до того как кидает в копилятор Typescript делает tree-shake (aka dead-code), то есть удаляет все то, что не используете вы у себя на проекте Допустим Material Buttons, если их нету на view и нигде не заимпортированы или иное и в итоге бандл весит мало ) Честно, не могу лучше, так как многих вещей еще не понимаю, хотя ищу способы разобраться 😅

0

02.04.2022

Даниил Гаврилов Автор вопроса

Rustam Mukhametshin
Я дилетант, ребята поправьте если что) vendor.js ...

Спасибо за развернутый ответ, примерно понял что к чему

0

02.04.2022

Mikhail Ponomarev

Rustam Mukhametshin
Я дилетант, ребята поправьте если что) vendor.js ...

по опыту, не знаю как сейчас, года 4 назад были допкоманды —minifyjs —minifycss —aot.Aot (ahead of time compilation) вроде включён по умолчанию ангуляра с 9го, а вот минификацию надо проверить. На слабых устройствах с 512мб минифицированный проект работает в разы быстрее, то есть эффект там значительный

0

02.04.2022

Ilya Chursin

Даниил Гаврилов
Попробовал, интересная штука, спасибо. Значит, как...

в средне-больших проектах имеет смысл вообще разные чанки разносить по разным мелким .js файлам. допустим фича-x используется только в модуле-x, который грузится асинхронно через роутер. Так вот эта фича будет лежать в отдельном бандле, что бы не грузить лишнее

0

02.04.2022

Rustam Mukhametshin

Mikhail Ponomarev
по опыту, не знаю как сейчас, года 4 назад были до...

Прикольно, эт значит на 8 версии JIT, и там только tsc компилятор в итоге? То есть без analyze/resolve как в AOT. 😳

0

02.04.2022

Mikhail Ponomarev

Rustam Mukhametshin
Прикольно, эт значит на 8 версии JIT, и там только...

я не знаю точно, не интресовался этим

0

02.04.2022