Ng 构建到多个项目答案

【问题标题】：Ng build to multiple projects angularNg 构建到多个项目
【发布时间】：2021-05-31 14:24:05
【问题描述】：

您好，我有一个带有两个应用程序的 Angular 工作区 app1 和 app2。

我的问题是，你如何上传到服务器？这两个应用程序和工作区显然用package.json 配置工作区。

当我有一个应用程序时，我会上传 dist 文件夹的内容。

但现在我不知道

【问题讨论】：

标签： angular deployment build workspace

【解决方案1】：

如果您使用的是 Angular CLI 工作区。那么这实际上很容易。如果您有两个或更多项目。示例 app1、app2。

构建应用程序1

ng build --project app1  --prod

您的构建将存储在 dist/app1 中。您可以将其复制到您的服务器

构建 app2

ng build --project app2  --prod

您的构建将存储在 dist/app2 中。您可以将其复制到您的服务器

奖金将这些行添加到 scripts 属性中的 package.json

 {
  "name": "testapp",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build:app1": "ng build --project app1  --prod",
    "build:app2": "ng build --project app2  --prod",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

如果你使用的是npm

，那么你就可以运行了

npm run build:app1

或者如果您使用的是 yarn

yarn build:app1

【讨论】：

我明白，但是如果我粘贴 app1 的内容和 dist/app2 app2 的内容，是否会替换服务器上的 app1？
这与 Angular 无关。你在哪里托管你的网络应用程序
@RicardoEcheverríaOrtiz 这是两个独立的应用程序，所以是的 app1 将替换 app2 内容。如果您想拥有多个应用程序，那么只需使用子域。例如 app1.mydomain.com 和 app2.mydomain.com。