如何在 GitHub Pages 中托管角度配置？答案

【问题标题】：How can I host angular configuration in GitHub Pages?如何在 GitHub Pages 中托管角度配置？
【发布时间】：2020-07-03 02:56:20
【问题描述】：

我从 ngx-admin 构建了一个 Angular 应用程序并将其部署到 Github Pages。现在我想让它运行一个特定的配置，例如qa，或prod。

当我运行 npm run build:qa -> "build:qa": "npm run build -- --qa --aot", 时出现错误：

Unknown option: '--qa'

...即使我在 angular.json 中指定了qa：

"configurations": {
            "qa": {
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true,
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.qa.ts"
                }
              ]
            },

通常，我在本地使用 Node 通过以下方式提供内容：

npm start:qa

在package.json中调用如下配置...

"start:qa": "ng serve --host 0.0.0.0 --port 4200 --configuration=qa"

当我构建应用程序时，我会指定：

npm run build:qa

在package.json中调用如下配置...

"build:qa": "npm run build -- --qa --aot"

构建失败。

鉴于 Angular 7 中已弃用 angular-cli.json，我如何定义自己的构建配置，以便在没有 Node 的情况下托管特定于环境的配置？

【问题讨论】：

标签： node.js angular npm

【解决方案1】：

看来 Angular 7 现在在声明中支持--configuration：

"build:qa": "npm run build -- --configuration=qa --aot",。

当我在 angular.json 的 "scripts" 部分运行 "build:qa": "npm run build -- --configuration=qa --aot", 调用 "build:qa": "npm run build -- --configuration=qa --aot", 时，我看到所需的 environment.qa.ts 已正确交换到位。

我相信让我感到困惑的是我在 angular.json 的 "configurations" 部分中指定了 prod，而调用 npm run build -- --prod --aot 却找不到 production。看来 production 的密钥在 Angular 包中的某个地方被硬编码。

【讨论】：

【解决方案2】：

使用这个 npm 脚本

"build:qa": "npm run build -- --configuration=qa --aot",

【讨论】：