如何使用Webpack延迟加载路由？

Question

我将我们的应用程序从SystemJS迁移到Webpack，结果非常好，只是我无法让懒惰的路由工作。

我一直得到的错误是Uncaught (in promise): ReferenceError: System is not defined。供应商和polyfill生成的JS文件都会发生错误。

我尝试添加取自Webpack starter kit -

的自定义System输入法

interface SystemJS {
  import: (path?: string) => Promise<any>;
}
declare var System: SystemJS;

我尝试使用来自this -

的Node＆＃39 es6-promise包

{ path: 'my', loadChildren: () => require('es6-promise!./my/my.module')('MyModule') }

除此之外，我还没有找到任何其他选择。不幸的是，官方的Angular 2文档在支持Webpack方面还有很多不足之处。

我使用的是Angular 2的最终版本和路由器v3。

Answer 1

brandon roberts有一个webpack加载器：https://github.com/brandonroberts/angular2-router-loader

或者您可以使用内置支持的angular-cli。