在前端开发过程中，我们会经常用到环境变量来实现不同环境下的配置项，如开发环境和生产环境的接口地址等。而 environmental-configuration 是一个可以简化环境变量配置过程的 npm 包，下面就来详细介绍一下如何使用它。
安装
在终端中输入以下命令进行安装：
--- ------- --------------------------- ------
使用
配置文件
首先，我们需要在项目根目录下创建一个 .env 文件，并在其中定义我们需要的配置项。例如：
------------------------------- ----------
导入
我们可以通过以下方式来引入 environmental-configuration：
------ --------- ---- ------------------------------
获取配置值
获取环境变量的值非常简单，只需要使用 envConfig 对象并传入配置项名称即可。例如，获取上述示例中 API_URL 的值：
-------------------------------
输出结果为：
-----------------------
需要注意的是，我们也可以在代码中通过 process.env 获取环境变量的值，但使用 environmental-configuration 可以为我们提供更好的代码可读性和维护性。
指定环境
默认情况下，environmental-configuration 会根据 NODE_ENV 环境变量的值来自动选择环境配置，如果 NODE_ENV 未设置则采用 .env 文件中的值。我们也可以手动指定环境，例如：
---------------------------------------
上述代码将会指定环境为 production，并使用 .env.production 文件中的值。
示例代码
以下是一个使用 environmental-configuration 的示例代码：
------ --------- ---- ------------------------------ -- ------ --------------------------------------- -- ------- ------------------------------- -----------------------------
总结
通过 environmental-configuration，我们可以轻松地管理和获取环境变量的值，避免了手动管理环境配置带来的繁琐和错误。希望本文能够帮助大家更好地使用 environmental-configuration。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066e26a563576b7b1ecf4e