在 Angular 5 环境中使用 process.env

Question

我尝试使用标准 ng build --prod 命令构建一个 Angular 5 应用程序，我想在 [=14] 中设置基本的 API-Url =] 到取决于我的 process.env 变量的值。

这是我的文件：

export const environment = {
    production: true,
    apiUrl: `${process.env.BASE_URL}` || 'http://localhost:8070/',
};

但是当我尝试构建应用程序时出现以下错误：

ERROR in src/environments/environment.ts(7,16): error TS2304: Cannot find name 'process'.

如何在构建应用程序时根据环境变量设置 API-Url？

Answer 1

更新

根据下面的评论，原始答案并不完全清楚——Angular 是使用 Angular CLI 构建的，它是一个节点应用程序，但您无法访问 process.env 在该构建过程中直接从应用程序内部，因为它不是 processed 作为 Node 应用程序。

概念几乎相同，但理解上述内容很重要。

原创

您将无法在 Angular 代码的 compile-time 访问 process.env。

process.env 可用于 Node 个应用程序，Angular 应用程序不可用。

您有多种选择：

选项 2 听起来可能适合您。在这种情况下，您想将其放入 angular-cli.json:

"environments": {
    "dev": "path/to/dev/env",
    "prod": "path/to/prod/env"
}

并使用 ng build --env=prod 构建您的应用。

Use process.env in Angular 5 environment