Estoy intentando crear una funcionalidad similar a un portal con angular 2 que proporcionará navegación base y servicios globales como la autenticación, pero permitirá a otros desarrolladores crear sus propios módulos que se conectan fundamentalmente al portal.

Estoy usando angular-cli y he hecho una prueba rápida de concepto con los módulos que se crean dentro del proyecto (ver el árbol a continuación) que se cargan lentamente en app.module a través del enrutador (con loadChildren). Cada módulo secundario tiene su propio enrutador y está desacoplado fundamentalmente del portal principal (app.module).

En última instancia, quiero mover estos módulos secundarios a sus propios proyectos, pero no tengo ni idea de dónde comenzar y parece que hay muy poca información relacionada con esto en línea. Si alguien conoce un ejemplo o puede demostrar cómo configurarlo, estaría muy agradecido.

Editar: Me gustaría continuar usando la funcionalidad Angular-CLI para hacer esto si es posible.

Aquí está mi estructura de directorios. Los módulos 1, 2 y 3 necesitan pasar a sus propios proyectos.

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