简介
环境变量是前端应用中常用的配置方式之一，而在不同的环境中配置变量常常是一个麻烦的事情。npm 包 env-regex 可以方便地从环境变量中获取到需要的配置信息，并在应用中使用。本文将介绍该包的使用方式和示例。
安装
在项目目录下执行以下命令进行安装：
--- ------- ---------
使用
在项目中引入 env-regex：
----- -------- - ---------------------
从环境变量中获取值
通过 envRegex() 方法从环境变量中获取值，其参数为一个正则表达式，用于匹配环境变量名。比如，如果我们要获取名为 APP_NAME 的环境变量值，可以这样写：
----- ------- - ------------------------ --------------------- -- -- -------- ----
注意，envRegex() 方法直接返回环境变量的值，如果不存在对应的环境变量，则返回 undefined。
获取 boolean 值
有时我们需要从环境变量中获取一个 boolean 值，比如判断是否开启 debug 模式。由于环境变量中存储的值为 string 类型，我们需要一些方式将其转换为 boolean 值。env-regex 提供了两个方法，fromVar() 和 toVar()，用于将 boolean 值转化为在环境变量中使用的字符串，或反之。
比如，我们在环境变量中存储了一个字符串，表示是否开启了 debug 模式：
----------
我们可以通过如下方式获取其对应的 boolean 值：
----- ----- - ------------------ ------------------- -- -- --------- ----- ---- -------
我们也可以将 boolean 值存储在环境变量中：
-------------------
然后通过如下方式获取其对应的 boolean 值：
----- ------------ - ---------------------------------- -------------------------- -- -- ---------- ------------ ---- -------
获取 number 值
与获取 boolean 值类似，env-regex 也提供了 parseFloat() 和 parseInt() 方法，用于从环境变量中获取数值类型的值。比如，我们在环境变量中存储了一个字符串：
-----------
我们可以通过以下方式获取对应的 number 值：
----- ------ - ------------------------------- -------------------- -- -- -------- ------ ---- ------
示例
以下是一个使用 env-regex 包的完整示例，它从环境变量中获取了一个 API 地址和一个 boolean 值，并用于发送请求：
----- ----- - ----------------- ----- -------- - --------------------- -- -- --- -- ----- ------- - ------------------------ -- ---------- - ----- --- --------------- --- ------ - -- ---- ----- -- ----- ------------ - ------------------ -- -------------- - ---------------- -------- ------------- - -- ---- ------------------------------------- -- - -------------------- ---------- ------------ -- - ---------------------- -------- ----- ---
参考文献
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005523b81e8991b448cfc40