介绍
envx 是一个用于处理环境变量的 npm 包，它可以帮助我们在前端应用中管理不同环境下的配置参数，提高应用的可配置性和可维护性。
envx 的主要特点有：
- 支持从不同的配置来源中读取配置，包括环境变量、本地文件、远程配置服务等；
- 支持多个配置环境的切换，例如开发环境、测试环境、生产环境等；
- 支持配置的动态更新，无需重启应用即可更新配置。
安装
在项目根目录下执行以下命令安装 envx：
$ npm install envx --save
使用示例
读取环境变量
在默认情况下，envx 会读取 process.env 中的环境变量作为配置参数。可以使用 get 方法来获取某个配置参数的值：
const envx = require('envx');
const port = envx.get('PORT');
console.log(`Server is listening on port ${port}`);上面的示例中，envx.get('PORT') 表示获取环境变量中名为 PORT 的配置参数的值。
读取本地文件
如果我们需要从本地文件中读取配置参数，可以使用文件路径作为参数调用 load 方法：
const envx = require('envx');
envx.load('./config.json');
const port = envx.get('port');
console.log(`Server is listening on port ${port}`);上面的示例中，envx.load('./config.json') 表示从文件 config.json 中加载配置参数，我们可以在文件中定义多个配置参数，例如：
-- -------------------- ---- -------
-
------- -----
----------- -
------- ------------
------- -----
----------- -------
----------- --------
-
-读取远程配置
如果我们需要从远程服务中读取配置参数，可以使用 url 作为参数调用 load 方法：
const envx = require('envx');
envx.load('http://myconfigservice.com/myapp');
const port = envx.get('port');
console.log(`Server is listening on port ${port}`);上面的示例中，envx.load('http://myconfigservice.com/myapp') 表示从远程服务 http://myconfigservice.com/myapp 中加载配置参数。我们可以在服务中根据不同的环境返回不同的配置参数，例如：
-- -------------------- ---- -------
-
-------------- -
------- -----
----------- -
------- ------------
------- -----
----------- -------
----------- -------------
-
--
------------- -
------- ---
----------- -
------- -----------
------- -----
----------- -----------
----------- --------------
-
-
-配置环境切换
envx 支持多个配置环境的切换，我们可以使用 setEnv 方法来设置当前环境：
const envx = require('envx');
// 切换到开发环境
envx.setEnv('development');
const port = envx.get('port');
console.log(`Server is listening on port ${port}`);上面的示例中，envx.setEnv('development') 表示将当前环境切换到开发环境，这样 envx 将会加载名为 development 的配置参数。
配置动态更新
如果我们需要在配置参数发生变化时动态更新应用的配置，可以使用 watch 方法来监听配置文件的变化：
const envx = require('envx');
envx.watch('./config.json', function() {
const port = envx.get('port');
console.log(`Server is listening on port ${port}`);
});上面的示例中，envx.watch('./config.json', function() {...}) 表示监听文件 config.json 的变化，在文件内容发生变化时自动重新加载配置参数并调用回调方法。
总结
envx 是一个非常实用的 npm 包，可以帮助我们提高前端应用的可配置性和可维护性，特别是在需要管理多个环境的配置参数时，使用 envx 可以让我们更加方便地管理和使用配置参数。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e26a563576b7b1ecfb5