Angular модулей - лучшие практики повторного использования общих компонентов из модулей домена с отложенной загрузкой

Question

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

1. Панель управления
2. Напитки
3. Рецепты напитков
4. Батончики

Итак, я разделил app на 4 логических доменных модуля: DashboardModule, DrinksModule, RecipesModule, BarsModule. При кодировании я заметил, что у меня есть некоторые зависимости между модулями:

1. DashboardModule повторно использует некоторые компоненты из всех других модулей.
2. BarsModule и RecipesModule повторно используют некоторые компоненты из DrinksModule

Итак, я вижу следующие проблемы:

1. С DashboardModule все остальные модули должны быть загружены, но используются только некоторые компоненты.
2. DrinksModule всегда загружается, но только некоторые компоненты используются в других модулях.

Я не хочу перемещать все повторно используемые компоненты в один SharedModule, потому что эти компоненты подходят указанный домен c (например, бар или напитки), а также некоторые компоненты будут загружены без необходимости.

Есть ли смысл разделить эти модули домена, такие как DrinksModule и SharedDrinksModule, и какой проект будет лучшим структура для этого? Или, может быть, есть лучший способ справиться с этими проблемами?

Answer 1

Лучший вариант - создать sharedModule и переместить в него восстанавливаемые компоненты. Также не забудьте указать этот компонент как компонент дампа.