Можем ли мы использовать несколько библиотек в angular (2/4/5/6), потому что он поддерживает TreeShaking? Без ущерба для производительности и размера сборки

Question

Я прошел эту статью: https://www.reddit.com/r/Angular2/comments/6a678s/primeng_vs_material2/ В комментарии они упомянули, что мы можем использовать Prime Ng и Угловой материал вместе в приложении. В PrimeNg компоненты являются в основном автономными модулями, поэтому вы можете добавить только те, которые вам нужны, и то же самое верно для Угловой материал после нескольких обновлений.

У меня вопрос ... Можем ли мы использовать любое количество библиотек с приложением Angular, например, PrimeNg, Angular Material, Fuse и многие другие. Не влияя на производительность или размер сборки, потому что встряхивание дерева позаботится об этом. По сути, я хочу использовать Материал только для разработки макета, а также немного выглядеть и чувствовать.

Кроме того, angular (5/6) поддерживает 100% встряхивание деревьев или нам все еще нужно использовать Rollup.js? Пролистал несколько статей, но пока не уверен.

Answer 1

При создании приложения Angular с рабочим флагом на каждый компонент, службу, директиву или канал ссылаются как минимум один раз (в аннотациях @NgModule). В конце компиляции AOT компилятор удаляет эти аннотации, а после этого также удаляет объекты, на которые нет ссылок.

Источник

Тем не менее, каждый компонент Angular Material представляет собой модуль, который обеспечивает точный импорт библиотеки.

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

Использование обеих библиотек не должно влиять ни на размер пакета, ни на производительность, но вы должны знать, что «внешний вид» отличается от библиотеки UI до библиотеки UI