在同一个 Angular 工作区中将多个 Angular 应用程序部署到 Azure答案

【问题标题】：Deploying Multiple Angular Applications to Azure in same Angular Workspace在同一个 Angular 工作区中将多个 Angular 应用程序部署到 Azure
【发布时间】：2019-07-02 20:45:41
【问题描述】：

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

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

更改后构建共享库
将要导出的库打包为 NPM 包
npm install 更新每个主要应用程序中导入的共享库

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

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

【问题讨论】：

标签： angular angular6

【解决方案1】：

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

据我所知，必须手动更新软件包是 npm 生态系统的设计；您不希望具有特定依赖项的旧应用程序即时更新软件包版本并完全中断。

这是一个开发环境场景对吗？

【讨论】：

是的，所以我想问题是有没有更好的方法在两个单独的 Angular 应用程序之间共享材料，每次我们有变化时我们都必须构建和打包？
哦……我想我明白了。尝试使用 npm 链接功能。这是我找到的快速教程。 medium.com/dailyjs/how-to-use-npm-link-7375b6219557 这可能有助于缓解您的问题。另一种选择是尝试设置 lernajs 环境。