Общие модули Angular и веб-пакет

Мы пытаемся выяснить, каков правильный подход к совместному использованию модулей в Angular с Webpack.

У нас есть компоненты, которые повторно используются в различных частях нашего приложения. Они используются не во всех представлениях приложения, а в большинстве.

Мы создали sharedModule, который импортирует и экспортирует компоненты. Затем этот sharedModule импортируется в необходимые области приложения.

Здесь мы начинаем задаваться вопросом. Если модуль A импортирует sharedModule, но ему нужны только 2 из 5 общих компонентов, что произойдет с 3 импортированными компонентами, которые не нужны?

Мы понимаем, что Webpack должен выполнять встряхивание дерева и удаление мертвого кода, но хотим ли мы полагаться на Webpack для этого, или мы не используем sharedModule и импортируем компоненты только там, где они нам нужны?


person Thibs    schedule 07.06.2017    source источник


Ответы (1)


если вы загрузите общий модуль в app.module, он загрузит все компоненты и директивы, даже если странице они не нужны.

Я предлагаю вам разделить общий модуль и оставить там только те компоненты и директивы, которые вам нужны в вашем приложении.

например, если у вас есть 3 компонента, которые вам нужны всего на 3 страницах, создайте модуль, содержащий только эти 3, и экспортируйте их из этого модуля.

это значительно увеличит вашу производительность, если ваш общий модуль сейчас довольно большой.

разделите как можно больше на небольшие модули.

person Yalin    schedule 07.06.2017