简介
在编写前端应用程序时，经常需要使用环境变量，用于存储敏感信息，如 API 密钥和密码等。不同的环境出现不同的敏感信息。例如，在开发过程中，可能需要使用不同的数据库连接字符串来访问不同的数据库服务器。一种常见的做法是将环境变量储存在 .env 文件中。.env 文件中的变量可以在代码中读取。这是通过各种库和包来实现的。其中 env-cmd-multiple 是一个常用的方案。
env-cmd-multiple 是一个 npm 包，可用于在 Linux、macOS 和 Windows 操作系统上设置多个 .env 文件并在应用程序中使用它们。它允许您轻松设置多个环境变量和多个环境。
环境准备
在开始使用 env-cmd-multiple 之前，需要确保您已经安装了 npm。如果您尚未安装 npm，则必须首先安装 npm。
安装
您可以通过 npm 安装 env-cmd-multiple：
npm install env-cmd-multiple
如何使用 env-cmd-multiple
步骤 1：创建 .env 文件
.env 文件中存储您的环境变量，并且文件必须遵循以下结构：
ENVIRONMENT1_VAR_NAME=ENVIRONMENT1_VARVALUE ENVIRONMENT1_VAR_NAME=ENVIRONMENT1_VARVALUE ENVIRONMENT2_VAR_NAME=ENVIRONMENT2_VARVALUE ENVIRONMENT2_VAR_NAME=ENVIRONMENT2_VARVALUE
创建多个文件并将其保存在不同的文件夹中。不同的环境设置分别储存在不同的文件夹内。例如，您可以在应用程序的根目录中创建以下文件和文件夹：
.env/
dev/
dev.env
test/
test.env
production/
production.env您必须在每个文件中包含您的环境变量。
步骤 2：安装 env-cmd-multiple
通过运行以下命令来安装 env-cmd-multiple：
npm install env-cmd-multiple
步骤 3：使用 env-cmd-multiple 命令
env-cmd-multiple 命令的最基本用法：
npx env-cmd-multiple <PATH_TO_ENV_FILE> <COMMAND>
其中，<path_to_env_file> 是存储您的环境变量的 .env 文件的路径，<command> 是您要执行的命令。
env-cmd-multiple 支持多个环境文件，可以使用以下命令：
npx env-cmd-multiple <PATH_TO_ENV_FILE_1> <PATH_TO_ENV_FILE_2> <PATH_TO_ENV_FILE_N> <COMMAND>
请确保 <path_to_env_file_n> 中的 .env 文件中包含了您要使用的环境变量。
步骤 4：在您的应用程序中使用环境变量
在您的应用程序中，使用以下代码按名称获取环境变量：
const envVariable = process.env.ENV_VARIABLE_NAME;
示例代码
以下示例文件夹中包含了不同的环境设置和不同的环境变量。您可以下载并使用这些示例，以查看如何使用 env-cmd-multiple。
该示例是一个基本的 Express 应用程序。根据您运行的环境，该应用程序会显示不同的消息。
git clone https://github.com/chrisbenseler/env-cmd-multiple.git cd env-cmd-multiple/examples/nodejs-express-example
然后，您可以使用以下命令在不同的环境中运行此应用程序：
# Dev environment npx env-cmd-multiple .env/dev/ `npm start` # Test environment npx env-cmd-multiple .env/test/ `npm start` # Production environment npx env-cmd-multiple .env/production/ `npm start`
结论
env-cmd-multiple 是一种方便、易于使用的 npm 包，可用于管理不同的环境变量和环境设置。您可以轻松地使用该工具来管理不同的环境，并在不同的环境中运行您的应用程序。如果您正在开发前端应用程序并需要管理多个环境，则应考虑将 env-cmd-multiple 用于您的项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005516581e8991b448ce968