前言
在前端项目中，有很多需要依赖环境变量的配置项，如 API 地址、OAuth 认证密钥等等。而在不同的环境中，这些配置项的值也会不同。因此，管理环境变量的方法变得尤其重要。这篇文章将介绍 npm 包 envup，一种管理环境变量的工具，希望能对大家有所帮助。
简介
envup 是一种简单易用的 npm 包，能够快速加载环境变量，并将它们绑定到全局变量中，供项目使用。envup 还能支持开发环境和生产环境的分离，可在相应的模式中加载不同的环境变量文件。
安装
envup 可以通过 npm 安装，使用以下命令：
npm install envup --save
使用
在项目的根目录中，创建一个名为 .env 的文件，将需要的环境变量写入文件中，例如：
API_ENDPOINT=https://api.example.com ALLOW_REGISTER=false
在项目的入口文件中，引入 envup 并调用 load() 方法：
const envup = require('envup');
envup.load();这样就可以将 .env 文件中的环境变量加载到全局变量中了。比如，在代码中可以这样使用：
console.log(process.env.API_ENDPOINT); // https://api.example.com console.log(process.env.ALLOW_REGISTER); // false
区分环境
通常情况下，我们需要在开发环境和生产环境中分别加载不同的环境变量文件。envup 可以通过设置 NODE_ENV 环境变量来实现。例如，当 NODE_ENV=production 时，envup 会加载 .env.production 文件中的环境变量。
如果没有设置 NODE_ENV 环境变量，则默认加载 .env 文件中的环境变量。
支持的环境变量文件命名如下：
.env：默认，适用于所有环境.env.development：适用于开发环境.env.production：适用于生产环境
示例代码
本文档的代码示例可在我的 GitHub 仓库 中找到，欢迎访问与留言！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e26a563576b7b1ecfb2