src Angular CLI外部的延遲加載模塊

Question

我在一個較大的項目中工作，我們需要在應用程序外部存儲模塊。 有人知道是否可以延遲加載存儲在src文件夾外部的模塊嗎？

例：

./
 - src/
   - app/
     - app.router.ts
       ...
 - +lazy/
   - lazy.module.ts
   - lazy.component.ts
   - lazy.router.ts

在app.router.ts中：

{
  path: '',
  loadChildren: '../+lazy/lazy.module#LazyModule'
}

Answer 1

我找到了一個解決方案，請記住，延遲加載的模塊需要具有默認導出。

export default class LazyModule { }

路由器：

{
    path: '',
    loadChildren: () =>
        System.import('../+lazy/lazy.module').then((m: any) => {
            return m.default;
        })
}