在src Angular CLI之外的延迟加载模块

时间:2016-10-26 19:28:10

标签: angular angular-cli

我正在一个更大的项目中工作,我们需要在应用程序之外存储模块。任何人都知道是否可以延迟加载存储在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'
}

1 个答案:

答案 0 :(得分:0)

我找到了一个解决方案,请记住,延迟加载的模块需要默认导出。

export default class LazyModule { }

路由器:

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