Angular Lazy Загрузка нескольких пакетов одного модуля

Question

Я нахожусь в процессе преобразования приложения Angular в режим отложенной загрузки. Есть несколько модулей, которые зависят друг от друга. Мне нужно знать, каковы лучшие практики для решения таких ситуаций? Я не использую стратегию предварительной загрузки всех модулей, но когда я нажимаю на ссылку, указывающую на модуль-кандидат, она загружает два дополнительных пакета, которые, я думаю, загружаются из-за зависимости от других модулей. Мне нужно, как справиться с такой ситуацией, в которой лениво загруженные модули зависят от других лениво загруженных модулей.

Answer 1

Объявите эти зависимые компоненты в общем модуле.

Это обычная ситуация, когда вам нужно, чтобы некоторые компоненты были в более чем одном модуле, поэтому поместите все эти общие компоненты, директивы, каналы, службы в общий модуль. Импортируйте этот общий модуль в функциональный модуль (ленивый загруженный модуль). Это уменьшит накладные расходы при загрузке всего функционального модуля при загрузке другого функционального модуля, поскольку Angular добавляет этот код общего модуля в ваш функциональный модуль, поэтому во время выполнения вы получите только один пакет.

Прочитайте, что Angular говорит в егоруководство по стилю о Shared Module .