environs 是一款非常实用的 npm 包，它可以帮助开发者在不同环境下管理和配置应用程序的环境变量。在前端开发中，我们通常会使用多个不同的环境来测试和部署应用程序，environs 可以让我们更加便捷地管理这些环境变量，并提高应用程序的可维护性。
安装和配置
使用 environs 前，我们需要先安装它。在控制台中输入以下命令即可：
npm install environs
接下来，我们需要在项目的根目录下创建一个名为 .env 的文件。这个文件将会存储我们的环境变量，我们可以在里面添加一些环境变量的 key-value 值，如下所示：
-- -------------------- ---- ------- - ---- ------------------ ------------------------------- --------------- - ---- ------------------- -------------------------------- ---------------
当我们在不同环境下部署应用程序时，environs 会自动加载并解析 .env 文件中的环境变量，然后我们就可以在代码中使用这些环境变量了。
使用示例
我们来通过一个简单的示例来演示如何使用 environs。
假设我们有一个应用程序，它需要根据不同的环境来显示不同的提示信息。例如，在生产环境下，我们想要显示“欢迎访问我们的网站！”的提示信息，在测试环境下，我们想要显示“这是测试环境！”的提示信息。
在代码中，我们可以使用 environs 来获取我们定义的 APP_ENV 环境变量，然后根据不同的环境来显示不同的提示信息。代码如下：
-- -------------------- ---- ------- ----- -------- - ------------------- ----------------- -- -- ---- -------- -- ------------------------ --- ------------- - ------------------------- - ---- -- ------------------------ --- -------------- - ---------------------- -
当我们在生产环境下运行应用程序时，控制台将会输出“欢迎访问我们的网站！”的提示信息；当我们在测试环境下运行应用程序时，控制台将会输出“这是测试环境！”的提示信息。
结尾
在本篇文章中，我们介绍了 environs 的基本使用方法和示例代码。通过学习 environs，我们可以更好地管理和配置应用程序的环境变量，并提高应用程序的可维护性。希望这篇文章能够帮助大家更好地理解和使用 environs。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e26a563576b7b1ecf58