在前端开发中，经常需要使用敏感数据（如密码、API key 等），但是将这些数据硬编码在代码中是一种很不安全的方式。Dotenv 通过使用 .env 文件将这些敏感数据与代码进行分离，但不同的应用程序可能需要不同的环境变量，因此需要有一个通用的解决方案来满足这一需求。
universal-dotenv 作为一个像 dotenv 一样的 npm 包，提供了一个跨平台的解决方案，可以在浏览器、Node.js 等多种环境中使用。本文将介绍如何使用 universal-dotenv，并提供示例代码。
安装和配置
安装 universal-dotenv 以及它的依赖项 dotenv：
npm install universal-dotenv dotenv
修改项目的 package.json 文件，将以下内容添加到 scripts 对象中：
{
"scripts": {
"build": "dotenv src build",
"start": "dotenv src start"
}
}创建 .env 文件并在其中添加所需的环境变量，例如：
API_KEY=my-secret-key API_URL=http://example.com/api
使用
使用 universal-dotenv 与使用 dotenv 很相似。只需要在需要使用环境变量的文件中导入并调用 config 方法即可。例如，在 index.js 文件中：
-- -------------------- ---- ------- ----- - ------ - - --------------------------- -------- ----- ------- - ------------------- ----- ------- - ------------------- -------------------- -- -- --------------- -------------------- -- -- ------------------------
注意，在使用 universal-dotenv 时，需要首先调用 config 方法来载入 .env 文件中的环境变量。
小结
本文介绍了 universal-dotenv 的安装和配置，以及在项目中的使用方法。使用 universal-dotenv 可以更加方便地在不同的环境中使用相同的环境变量，从而增强了应用程序的可移植性和安全性。本文提供了一个示例代码，供读者参考。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/79804