如何将 angular 组件调用到另一个 angular 应用程序中

Question

我需要将我当前的应用程序分成 3 个不同的 Angular 应用程序。

App1：通用（仪表板 angular 应用） App2：模块1（销售 angular 应用） App3：模块2（客户 angular 应用）

App1(Dashboard) 将有 2 个链接 =>销售 | 客户。 单击链接后，将调用并加载相应的应用程序。 所有 3 个应用程序都位于不同的位置（不同的存储库）。

那可能吗？ 我可以在我的仪表板上调用其他应用程序吗？

Answer 1

我不知道你愿意花多少时间，但如果我是你，我会看https://nx.dev ，你提供的用例是 monorepos 很好的教科书案例at 和 NRWL (nx.dev) 非常非常优雅地解决了这个问题。

Answer 2

根据我的经验，你有两种选择。

第一个选项：

创建自定义 Angular 库，您可以在其中创建/添加为不同应用程序共享的所有组件和服务。 然后在每个 Angular 项目中安装自定义库。

https://angular.io/guide/creating-libraries

https://medium.com/@tomsu/how-to-build-a-library-for-angular-apps-4f9b38b0ed11

第二种选择：

使用 Monorepo 方法： https://christianlydemann.com/why-angular-teams-fail-at-code-sharing-and-how-this-mono-repo-approach-will-fix-it/

要使用 monorepo 方法，我知道两个库：

• Nx： https://blog.nrwl.io/announcing-nrwl-nx-1-0-33d888666bfc
• 勒纳： https://github.com/lerna/lerna