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