在前端开发中，我们经常需要在不同的环境下测试和部署我们的代码。常见的环境包括本地开发环境、测试环境、预发布环境和生产环境等。在不同的环境中，我们可能需要使用不同的配置和变量，比如数据库地址、API 地址、日志等级等。为了方便管理和配置这些变量，我们可以使用 npm 包 resm-env。
resm-env 简介
resm-env 是一个轻量级的 Node.js 模块，能够根据不同的环境加载不同的配置和变量。它主要通过读取环境变量来加载对应的配置文件，然后将文件中的变量合并到程序的 process.env 中。这样，在我们的代码中，就可以直接使用 process.env 中的变量了，而不需要手动配置。
安装
通过 npm 安装 resm-env：
--- ------- --------
使用方法
创建配置文件
resm-env 的配置文件是一个 JavaScript 模块，用于定义变量和配置。在项目根目录下创建一个名为 config.js 的文件：
-- --------- -------------- - - ------------ --------------------- -- ---------------------------------- ----------- ---------------- -- ----- --------- --------------------- -- ------- --
在上面的配置文件中，我们定义了三个变量 databaseUrl、serverPort 和 logLevel。它们分别表示数据库连接地址、服务器端口号和日志等级。如果配置文件中没有定义这些变量的值，resm-env 会使用默认值。
设置环境变量
在使用 resm-env 之前，我们需要先设置环境变量。通过设置环境变量，我们可以告诉 resm-env 使用哪个配置文件。
------ -------------------
在上面的命令中，我们将环境变量 NODE_ENV 设置为 production。这样，resm-env 就会加载名为 production.js 的配置文件。
加载配置
在我们的代码中，可以直接通过 process.env 访问配置文件中定义的变量。
-- ------ ----- ------- - ------------------- ----- ------ - -------------------- ----- --- - ---------- ----------------------------- -- -- - ------------------- ------- -- ---- ----------------------- ---
在上面的代码中，我们使用了 config.js 中定义的 serverPort 变量。它会根据环境变量的不同，自动加载对应的值。如果环境变量中没有设置 PORT 值，就会使用 config.js 中定义的 3000。
示例代码
下面是一个完整的例子。
config.js
-- --------- -------------- - - ------------ --------------------- -- ---------------------------------- ----------- ---------------- -- ----- --------- --------------------- -- ------- --
.env
-------------------- --------------------------------------------- --------- --------------
app.js
-- ------ ----- ------- - ------------------- ----- ------ - -------------------- ----- --- - ---------- ----------------------------- -- -- - ------------------- ------- -- ---- ----------------------- --------------------- --- -- ------------------------ ---------------- ----- -- --------------------- ---
在上面的例子中，我们加载了 config.js 中定义的 serverPort、databaseUrl 和 logLevel 变量。在环境变量中，我们设置了 NODE_ENV、MONGO_URL、PORT 和 LOG_LEVEL 值。在启动应用时，我们会看到如下输出：
------ ------- -- ---- ---- -------- --- -- ----------------------------------- --- ----- -- ----
结论
resm-env 是一个简单而实用的 npm 包，它能够轻松管理不同环境的配置和变量。使用它，我们可以快速构建不同环境下的应用程序，提高开发和部署效率。希望这篇文章能够帮助你了解 resm-env 的使用方法，从而更好地管理和配置你的应用程序。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600671d630d0927023822ba6