在 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;
        })
}

Lazy load module outside src Angular CLI