在前端开发中，经常会使用环境变量来配置不同环境下的程序运行，比如开发环境、测试环境和生产环境。但是，随着环境的增多和配置的复杂化，管理环境变量也变得越来越困难。env-merger 是一款优秀的 npm 包，它可以帮助你轻松地管理和合并多个环境变量配置。
环境变量
环境变量是由操作系统设置的一个值，用来影响程序的运行。在前端开发中，环境变量主要用于配置程序在不同环境下的运行行为。
在 Node.js 中，可以通过 process.env 对象来获取环境变量。比如：
const env = process.env.NODE_ENV; console.log(env); // 'development' or 'production'
env-merger
env-merger 是一款 npm 包，可以用来管理多个环境变量配置。它支持从多个配置文件中读取配置信息，并将它们合并成一个对象，并提供了简单易用的 API，以便我们可以方便地获取和使用这些配置信息。
安装
可以通过 npm 来安装 env-merger：
npm install env-merger
使用
使用 env-merger 非常简单。首先，在项目中创建一个 json 配置文件，如下所示：
-- -------------------- ---- -------
-- ------------
-
--------- ----------------------------
----------- -
------- ------------
------- ------
----------- -------
----------- -----------
----------- --------------
-
-然后，按照不同的环境，创建不同的 json 配置文件，并采用文件名后缀的形式来区分，如下所示：
-- -------------------- ---- -------
-- ----------------
-
--------- ----------------------------
----------- -
------- ------------
------- ------
----------- --------
----------- ----------
----------- -------------
-
-
-- ---------------
-
--------- ---------------------------
----------- -
------- ------------
------- ------
----------- ---------
----------- -----------
----------- --------------
-
-最后，在代码中引入 env-merger ，并初始化：
const envMerger = require('env-merger');
const config = envMerger({
baseDir: __dirname,
});以上代码指定了配置文件所在的根目录，此处为当前目录。当我们需要使用配置文件中的某个属性时，可以通过下面的方式来获取：
const apiUrl = config.get('apiUrl');
console.log(apiUrl); // 'http://localhost:3000/api' or 'http://myproduct.com/api'或者，使用对象的方式来获取：
const { apiUrl } = config.toObject();
console.log(apiUrl); // 'http://localhost:3000/api' or 'http://myproduct.com/api'API
env-merger 提供了以下的 API：
constructor({ baseDir, include, exclude })
构造函数。用于初始化 env-merger 对象。其中，baseDir 表示配置文件所在的根目录。include 和 exclude 表示需要或不需要读取的配置文件名。
load({ include, exclude })
加载配置文件。其中，include 和 exclude 表示需要或不需要读取的配置文件名。可以在构造函数后使用。
get(key)
获取指定 key 对应的配置项的值。
has(key)
判断是否存在指定 key 对应的配置项。
toObject()
将所有配置项转换为一个对象。
reset()
重置 env-merger 对象，清空已加载的配置项。
指导意义
env-merger 可以帮助我们轻松地管理和整合多个环境变量配置，使得项目更具规范化和可维护性。它可以应用在多种场景中，比如开发环境、测试环境和生产环境等。
示例
在最后，我们来看一个示例，如何在项目中使用 env-merger。
首先，安装 env-merger：
npm install env-merger
然后，在项目根目录下，创建一个默认配置文件 default.json：
-- -------------------- ---- -------
-
--------- ----------------------------
----------- -
------- ------------
------- ------
----------- -------
----------- -----------
----------- --------------
-
-在项目根目录下，创建一个开发环境配置文件 development.json：
-- -------------------- ---- -------
-
--------- ----------------------------
----------- -
------- ------------
------- ------
----------- --------
----------- ----------
----------- -------------
-
-在项目根目录下，创建一个生产环境配置文件 production.json：
-- -------------------- ---- -------
-
--------- ---------------------------
----------- -
------- ------------
------- ------
----------- ---------
----------- -----------
----------- --------------
-
-在 app.js 中，引入 env-merger 并初始化：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --------- - ---------------------- ----- --- - ---------- ----- ------ - ----------- -------- ---------- --- ------------ ----- ---- -- - ----- ------- - ---------------------- ------------------ ------------- --- ----- ---- - ---------------- -- ----- ---------------- -- -- - ---------------------- -- ---- ------------- ---
在运行项目之前，先设置环境变量：
export NODE_ENV=development
然后启动项目：
node app.js
访问 http://localhost:3000/，将得到如下输出：
message: Hello development environment!
接着，将环境变量改为生产环境：
export NODE_ENV=production
重新启动项目：
node app.js
再次访问 http://localhost:3000/，将得到如下输出：
message: Hello production environment!
至此，env-merger 的使用教程就结束了。通过这篇文章的学习，相信你已经了解了 env-merger 的基本用法和原理，并能够在实际项目中应用它来管理环境变量配置。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e25a563576b7b1ece6c