Я пытаюсь создать подобную порталу функциональность с angular 2, которая обеспечит базовую навигацию и глобальные услуги, такие как аутентификация, но позволит другим разработчикам создавать свои собственные модули, которые в основном подключаются к порталу.

Я использую Angular-Cli и сделал быстрое подтверждение концепции с модулями, создаваемыми внутри проекта (см. Дерево ниже), которые лениво загружаются в app.module через маршрутизатор (с loadChildren). Каждый дочерний модуль имеет свой собственный маршрутизатор и в основном отделен от родительского портала (app.module).

В конечном итоге я хочу перенести эти дочерние модули в свои собственные проекты, но совершенно не имею понятия, с чего начать, и, похоже, информации об этом в Интернете очень мало. Если кто-нибудь знает пример или может продемонстрировать, как его настроить, я был бы очень благодарен.

Изменить: я хотел бы продолжать использовать функциональность Angular-CLI, чтобы сделать это, если это возможно.

Вот моя структура каталогов. Модули 1, 2 и 3 нужно перенести в свои проекты.

+-- app
│   +-- app.component.css
│   +-- app.component.html
│   +-- app.component.spec.ts
│   +-- app.component.ts
│   +-- app.module.ts
│   +-- module1
│   │   +-- dataflows
│   │   │   +-- dataflows.component.css
│   │   │   +-- dataflows.component.html
│   │   │   \-- dataflows.component.ts
│   │   +-- module1.component.css
│   │   +-- module1.component.html
│   │   +-- module1.component.ts
│   │   +-- module1.module.ts
│   │   \-- other
│   │       +-- other.component.css
│   │       +-- other.component.html
│   │       \-- other.component.ts
│   +-- index.ts
│   +-- module2
│   │   +-- module2.component.css
│   │   +-- module2.component.html
│   │   +-- module2.component.ts
│   │   \-- module2.module.ts
│   \-- module3
│       +-- dummy1
│       │   +-- dummy1.component.css
│       │   +-- dummy1.component.html
│       │   \-- dummy1.component.ts
│       +-- module3.component.css
│       +-- module3.component.html
│       +-- module3.component.ts
│       +-- module3.module.ts
│       \-- dummy2
│           +-- dummy2.component.css
│           +-- dummy2.component.html
│           \-- dummy2.component.ts
+-- index.html