在同一个Angular Workspace中将多个Angular应用程序部署到Azure

Posted 2021-04-07

我的团队目前正在构建一个具有多个Angular 6方面的解决方案。我们试图实现的整体结构是两个主要应用程序：一个面向客户端的门户和一个面向管理员的站点，供管理员在客户端门户内容上执行CRUD操作。我们希望能够在两个角度应用程序之间共享全局样式，基本服务和组件。

目前，我们有三个单独的Angular工作区：一个用于面向客户端的门户，一个用于管理CRUD站点，另一个用于共享库，两个主要站点用于共享组件，通过NPM导入它。我们遇到的问题是共享库中的更改难以使用两个主要应用程序进行测试。显示共享库中更新更改的当前步骤是：

1. 在进行更改后构建共享库
2. 将要导出的库打包为NPM包
3. npm install以更新每个主应用程序中导入的共享库

我们想尝试将这三个应用程序组合到一个工作区中，以便在对两个主要应用程序进行更改时可以更新共享库（最有可能使用ng build shared-lib --watch）

主要是，我们想知道这是否可行。如果是这样，如果我们想要将两个主要应用程序部署到Azure中自己的App服务，这会在部署时带来问题。

答案

我相信你所做的是正确的工作流程。客户端和管理员应用程序依赖于正在构建的npm包，因此如果该包更新，您将始终必须安装包来更新它。

据我所知，必须手动更新软件包是npm生态系统的设计;你不希望和具有特定依赖关系的旧应用程序一起更新软件包版本并完全破解。

这是一个开发环境场景是否正确？