延迟将多个项目(在CLI工作区中)加载到一个大的应用程序

时间:2018-05-16 08:47:37

标签: angular typescript angular-cli frontend angular-cli-v6

是否可以将多个项目(通过新的CLI生成应用程序功能创建)延迟加载到一个大型应用程序中?

我在哪里工作,我们有多个项目,不同的团队合作,然后每个应用程序单独提供,但它们都是更大的应用程序的小应用程序。因此,每次在应用程序之间导航时,都必须等待加载时间。我想要做的是创建一个充当大型shell的应用程序,并且该shell只是将这些应用程序作为模块或其他东西加载,以便延迟加载或预加载,这将使大型应用程序顺利运行。 / p>

我想通过保持开发过程正常工作来做到这一点。

我想我们将拥有这样的结构

projects/
   app1
   app2
   app3
   app4
app/
   app.module.ts
   app.component.ts
   ...

依此类推,以便使用git克隆这些应用程序。

我目前拥有的是

app/
  app.module.ts
  app.component.ts
  modules/
    app1
    app2
    app3
    app4

他们是一个项目,但这不会起作用,因为如果人们在一个项目中处理大约7个应用程序,这将是一种地狱般的行为。

问题是,是否可以从另一个项目中延迟加载模块?

{path: 'app1', loadChildren: '../projects/app1/src/app.module#AppModule'}

如果可能,上述代码将如何?

1 个答案:

答案 0 :(得分:1)

我真的不认为它可能在单独的角度项目之间进行延迟加载。但是,有可能在同一个cli项目中使用带有多个应用程序的角度cli(每个应用程序代表不同的项目)这样做。

请参阅此链接,了解在同一个cli项目中有多个应用程序。

  

https://github.com/angular/angular-cli/wiki/stories-multiple-apps

     

https://yakovfain.com/2017/04/06/angular-cli-multiple-apps-in-the-same-project/

现在可以在这些应用程序之间设置延迟路由。这些链接可以帮助您入门。

  

https://github.com/gatimus/multiple-apps-lazy-loading

     

https://github.com/angular/angular-cli/issues/8321

希望这有帮助。