src Angular CLI外部的延迟加载模块

Question

I'm working in a larger project where we need to store modules outside an application. Anyone know if it's possible to lazy load a module that's stored outside the src folder?

Example:

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

In app.router.ts:

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

Answer 1

I found a solution, keep in mind that the lazy loaded module need to have a default export.

export default class LazyModule { }

Router:

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