Estou tentando criar uma funcionalidade semelhante a um portal com o angular 2, que fornecerá navegação básica e serviços globais, como autenticação, mas permitirá que outros desenvolvedores criem seus próprios módulos, que se conectam fundamentalmente ao portal.

Estou usando o angular-cli e fiz uma rápida prova de conceito com os módulos criados dentro do projeto (veja a árvore abaixo), que são carregados preguiçosamente no app.module através do roteador (com loadChildren). Cada módulo filho tem seu próprio roteador e é fundamentalmente desacoplado do portal pai (app.module).

Em última análise, quero mover esses módulos filhos para seus próprios projetos, mas não tenho absolutamente nenhuma idéia sobre por onde começar e parece haver muito pouca informação relacionada a isso online. Se alguém souber de um exemplo ou puder demonstrar como configurar isso, ficaria muito grato.

Editar: eu gostaria de continuar usando a funcionalidade da CLI angular para fazer isso, se possível.

Aqui está a minha estrutura de diretórios. Os módulos 1, 2 e 3 precisam mudar para seus próprios projetos.

+-- 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