Я реорганизую одномодульное угловое приложение на несколько функциональных модулей.
Помимо лучшего кода, я сосредоточен на реализации отложенной загрузки функциональных модулей.
У меня есть набор компонентов, которые нужно организовать в два функциональных модуля, каждый со своими маршрутами.
В общем случае я знаю, как это сделать.
Однако у меня в руках более специфический случай, потому что оба функциональных модуля будут иметь определенный маршрут, указывающий на один и тот же XComponent
, как показано ниже.
{path: /a-module/x, component: XComponent}
{path: /b-module/x, component: XComponent}
Вопрос
Прежде чем приступить к рефакторингу, я хотел бы узнать, возможно ли следующее решение.
- определить
AModule
и его маршруты и объявить его компоненты - определить
BModule
и его маршруты и объявить его компоненты - определить
CModule
- объявить и экспортировать
XComponent
изCModule
- импортировать
CModule
вAModule
иBModule
- добавить
{path: /a-module/x, component: XComponent}
к маршрутамAModule
- добавить
{path: /b-module/x, component: XComponent}
к маршрутамBModule
- ленивая загрузка
AModule
сloadChildren: 'app/a/a.module#AModule'
- ленивая загрузка
BModule
сloadChildren: 'app/b/b.module#BModule'
Спасибо