如何將 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