前端开发中经常需要设置环境变量，例如开发环境、测试环境、生产环境等。在不同的环境下，我们需要设置不同的参数，例如 API 地址、服务端口等。为了方便管理这些环境变量，我们可以使用 npm 包 env-lang。
简介
env-lang 是一个用于设置环境变量的 npm 包，它可以根据不同的环境变量自动加载不同的配置文件。这个包主要有以下特点：
- 支持多种环境变量，例如 NODE_ENV、ENV、APP_ENV、ENVIRONMENT 等。
- 可以读取多个配置文件，例如 config.js、config.json、config.yml 等。
- 支持深层次的配置文件，可以设置任意层级的参数。
安装
安装 env-lang 只需要执行以下命令即可：
npm install env-lang
使用
1. 创建配置文件
env-lang 支持多种文件格式，例如 js、json、yaml、yml 等。下面我们以 js 文件为例，创建一个 config.js 配置文件，配置如下：
-- -------------------- ---- -------
-------------- - -
----- -----
---- -
---- ----------------------------
-------- -----
--
--------- -
----- ------------
----- ------
--------- ---
--------- ---
--------- -------
--
--2. 加载配置文件
在入口文件中，我们需要加载配置文件，代码如下：
const env = require('env-lang');
const config = env('config');
console.log(config);上面的代码中，我们使用 env 函数来加载配置文件，其中的 'config' 参数表示文件名，我们需要保证配置文件在项目根目录下。env 函数会根据当前环境变量自动加载对应的配置文件，例如 NODE_ENV=production 时会加载 config.production.js。
3. 使用配置参数
加载完配置文件后，我们就可以使用其中的参数了，例如：
-- -------------------- ---- -------
----- ------- - -------------------
----- --- - --------------------
----- --- - ----------
----- ------ - --------------
------------------------
-- -------
----- -------- - ----------------
----- --- - -------------------------------------------------------------------
-- -- --- --
----- --- - -----------
------------ ----- ---- -- -
-- -- --- --
--------------
---------------- -- ----------------
------------ -- ----------------
---
----------------------- -- -- -
------------------- -- ------- -- ----------------------------------
---上面的代码中，我们使用了 express 框架和 fetch 函数，通过 config 对象来获取配置文件中的参数，例如 config.port、config.api.url、config.database.host 等。
4. 设置环境变量
在启动项目时，我们需要设置对应的环境变量，例如 NODE_ENV、APP_ENV、ENVIRONMENT 等，代码如下：
# 在开发环境下运行 NODE_ENV=development node index.js # 在测试环境下运行 APP_ENV=test node index.js # 在生产环境下运行 ENVIRONMENT=production node index.js
总结
使用 env-lang 可以方便地管理环境变量，提高开发效率。我们只需要定义好配置文件，然后在项目中使用对应的参数即可。在不同的环境下，我们只需要设置不同的环境变量即可自动加载对应的配置文件。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e25a563576b7b1ece65