Angular 18 系列（二十）环境变量 Environments 使用

小渣渣

需求：项目发布一般都会包含开发、测试、生产等环境，每一个环境都可能会有不同的配置信息，例如：接口地址、密钥等信息不一致，如何通过环境变量 Environments 的配置，来编译生成不同的发布包，而不需要每次切换不同的环境都需要改动代码。

使用 angular-cli 脚手架创建配置文件，命令如下：

登录可见。

该命令会创建两个文件：

• src/environments/environment.ts
• src/environments/environment.development.ts
  

同时，也会修改 angular.json 中的配置，如下：

登录可见。

项目的 src/environments/ 目录包含基本配置文件，environment.ts 该文件为默认生产（production）环境提供配置。

environment.ts 配置如下：

登录可见。

environment.development.ts 配置如下：

登录可见。

在项目需要使用到环境配置的时候，只需要引用 import { environment } from '../environments/environment'; 即可。

使用开发、生产环境启动分别测试，命令如下：

登录可见。

如下图：



参考：超链接登录可见。