在前端开发中，经常需要根据不同的环境配置不同的变量。为了解决这个问题，我们可以使用 npm 包 benv。
安装 benv
使用 npm 命令安装 benv：
--- ------- ---- ----------
使用 benv
定义不同环境的配置文件
在项目根目录下创建一个 config 目录，并在其中创建三个配置文件：
default.json：默认的配置文件。development.json：开发环境的配置文件。production.json：生产环境的配置文件。
示例代码如下：
-- ------------ - --------- ----------------------- -
-- ---------------- - --------- -------------------- -
-- --------------- - --------- ---------------- -
加载配置文件
在项目的入口文件中加载配置文件并初始化 benv：
----- ---- - ---------------- ------------ ----- ---------- ---- -------------------- -- -------------- ------------ ----- ----------- -------- ---
参数说明：
root：项目根目录的绝对路径。env：当前环境的名称，默认为'development'。loadFromEnv：是否从环境变量中读取配置，默认为true。configFile：存放配置文件的目录名称，默认为'config'。
使用配置变量
在项目中使用配置变量：
----- ------ - -------------------
总结
使用 npm 包 benv 可以方便地根据不同的环境配置不同的变量。通过本文的介绍，我们学习了 benv 的基本用法，并创建了一个示例代码来演示如何使用 benv。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/48611