如何在没有CLI的情况下延迟加载Angular模块?

时间:2019-05-08 16:26:22

标签: angular webpack module lazy-loading

我还没有找到任何地方描述的特定用例。如果存在,请转给我。

我想实现Angular模块的延迟加载(使用Angular版本7),因为我们对应用程序的特定部分使用了很多大型的第三方库,这些库很少使用。但是,我们不使用Angular CLI(ng命令)。我见过的所有示例都使用Angular CLI来构建模块块,并通过路径字符串以loadChildren或其他方式加载。

我们的构建由Webpack(webpack.config.js文件)管理。我的理解是Angular CLI是一个构建工具,不需要使用Angular。由于我们知道Angular中存在此功能,因此必须有一种无需CLI即可利用它的方法。我不介意这个问题的解决方案,因为我希望将来可以将此功能更强大地引入Angular框架。

任何信息碎屑都将受到赞赏。

1 个答案:

答案 0 :(得分:0)

  

我看到的所有示例都使用Angular CLI来构建模块块,并通过路径字符串以loadChildren或其他方式加载。

是的,但是如果您不使用Angular CLI,那么接下来要做的就是安装angular-router-loader软件包,然后在您的webpack.config.js file中将其添加到打字机加载器中:

loaders: [
  {
    test: /\.ts$/,
    loaders: [
      'awesome-typescript-loader'
    ]
  },
  {
    test: /\.(ts|js)$/,
    loaders: [
      'angular-router-loader'
    ]
  }  
]