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

Я хотел бы загрузить приложение Angular с помощью отложенной загрузки (когда пользователи выбирают определенный маршрут) в другое приложение Angular. Должен ли я скомпилировать первое приложение, чтобы его можно было использовать во втором, или как?

Routing-Module приложения для вложения в приложение Angular:

const upgradeRoutes: Routes = [
  {
    path: '/upgrade',
    component: HelloComponent
  },
  { path: '', redirectTo: '/upgrade', pathMatch: 'full' }
];

@NgModule({
  imports: [
    RouterModule.forChild(upgradeRoutes)
  ],
  exports: [
    RouterModule
  ],
  declarations: []
})
export class UpgradeRoutingModule { }

Модуль приложения для вложения в приложение Angular

@NgModule({
  declarations: [
    AppComponent,
    HelloComponent
  ],
  imports: [
    CommonModule,
    UpgradeRoutingModule
  ],
  exports: [
    UpgradeModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class UpgradeModule { }

Модуль приложения, в котором я хочу использовать (с ленивой загрузкой) первый, описанный в дочерних маршрутах:

import {UpgradeModule} from '../../node_modules/module-upgrade/src/app/app.module'  

@NgModule({
   declarations: [
     ...
   ],
   import: [ UpgradeModule ]
});

1) Я хотел бы понять, правильно ли это, и/или есть ли другой способ сделать это.

2) Еще одна проблема заключается в том, что дочернее приложение использует Angualr 6, тогда как второе/основное приложение использует Angular 4.