如何在 Angular 应用程序中部署生成多个 dist 文件夹？

Question

我有一个包含快速服务器的单独文件夹的 Angular 应用程序，我想将 Angular 应用程序和其中的服务器部署到 Azure，为此我需要生成两个将同时部署的 dist 文件夹在 Azure 上。如何生成两个 dist 文件夹？

这是我的代码结构：

Answer 1

根据您的应用程序的设计方式，您有以下选择

• 常规 Angular 应用程序
  对于标准场景，您有两种方法可以解决此问题

  1. 将 Angular 位部署到 blob storage as a static website
     考虑到您的静态资产（已编译的 js、css、html 等）将由非常高性能的服务器提供服务，我建议这样做，最重要的是，您可以通过 Azure CDN 驱动请求以实现全球规模和非常低的延迟.
  2. 将 Angular 位与您的 express 应用一起部署
     这是一个更简单的部署，需要您让您的 express 应用程序为 angular 构建文件 as static files 提供服务。

     奖励：请考虑将您的应用设置为 PWA，以获得更好的用户体验，它也可以作为静态内容提供，并允许您的应用也可以离线工作

• Server Side Rendered Angular App
  我想这不是你所拥有的，但如果你这样做了，那么它只是部署应用程序的问题。