代码之家  ›  专栏  ›  技术社区  ›  shehata

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

  •  3
  • shehata  · 技术社区  · 6 年前

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

    在我工作的地方,我们有多个项目,不同的团队处理这些项目,然后每个应用程序都是单独提供的,但它们都是较大应用程序中的小应用程序。因此,每次在应用程序之间导航时,都必须等待加载时间。我想做的是创建一个作为大型应用程序外壳的应用程序,该外壳只是将这些应用程序作为模块或其他东西加载,以便轻松加载或预加载,这将使大型应用程序顺利工作。

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

    我想我们会有这样的结构

    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 回复  |  直到 6 年前
        1
  •  4
  •   bibek shrestha    6 年前

    我真的不认为可能在单独的角度项目之间进行延迟加载。但是是的,在同一个cli项目中,使用angular 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

    希望这有帮助。