在前端开发中，我们常常会碰到需要读取环境变量的情况，比如要获取 API 地址、服务器端口等等。此时，可以通过 process.env 对象来实现。然而，该对象的内容需要在应用程序启动前手动设置，这在有多个开发环境和部署环境时会变得相当棘手。这时，dotenv 就成了我们的救星。
dotenv 是一款能够从 .env 文件中读取并设置环境变量的工具。该工具提供了轻松的方式来管理非常量的环境变量。在本篇文章中，我们将介绍如何使用 npm 包 @excitare/dotenv 来使用该工具。
安装 @excitare/dotenv
在使用 @excitare/dotenv 之前，需要先安装该包。在终端中执行以下命令即可：
npm install @excitare/dotenv
使用 @excitare/dotenv
使用 @excitare/dotenv 的方法非常简单。只需要在代码中引入该包，该包会自动从 .env 文件中读取环境变量，并将其存储在 process.env 对象中，以供后续使用。
1. 创建 .env 文件
首先，在项目根目录下创建一个名为 .env 的文件，并在其中设置环境变量。例如，在 .env 文件中添加以下内容：
PORT=3000 API_URL=http://api.example.com
2. 引入 @excitare/dotenv
在代码中，引入 @excitare/dotenv 并调用 config() 方法，如下所示：
require('@excitare/dotenv').config();在此之后，process.env.PORT 的值就为 3000，process.env.API_URL 的值就为 http://api.example.com。
3. 验证环境变量是否读取成功
为了验证环境变量是否读取成功，可以在代码中打印出这些变量：
console.log(process.env.PORT); // 3000 console.log(process.env.API_URL); // http://api.example.com
如果输出的结果与设置的值一致，说明环境变量已经成功读取。
示例代码
下面是一个使用 @excitare/dotenv 的示例代码：
require('@excitare/dotenv').config();
console.log(process.env.PORT); // 3000
console.log(process.env.API_URL); // http://api.example.com结论
在本篇文章中，我们介绍了如何使用 npm 包 @excitare/dotenv 来读取 .env 文件中的环境变量，并将其存储在 process.env 对象中。其中，.env 文件可以轻松地管理非常量的环境变量，使得多个开发环境和部署环境的管理变得更加简单方便。希望该篇文章能够帮助你更方便地管理环境变量，提高您的开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/600673e0fb81d47349e53d0d