在前端开发过程中，我们经常需要使用环境变量来配置和管理我们的 App。而 envig 是一种可以通过脚本文件自动创建和测试环境变量的 npm 包。本文将详细介绍 envig 的安装、使用和测试方法。
安装
通过 npm 安装 envig：
--- ------- ----- ----------
使用
使用 envig 需要新建一个配置文件，例如 .envigrc.js，将需要的环境变量以及对应的值写入该文件中：
-------------- - - --------- --- ----- -------- -------------- -------- ------------------------ -
使用 import 引入 envig，然后调用 config 方法导出配置：
------ ----- ---- ------- ------ ----- --- - --------------
另外，可以在定义中传递一个名为 prefix 的参数，用于指定环境变量的前缀。例如：
------ ----- ---- ------- ------ ----- --- - -------------- ------- ------------ --
传递前缀参数后，使用环境变量时需要加上 REACT_APP_ 前缀，例如 process.env.REACT_APP_APP_NAME。
测试
测试 envig 环境变量是否正确被导入，可以创建一个简单的测试文件 envig.test.js：
------ - --- - ---- -----------------------
----------------- -- -- -
---------- ------ - ----- ---------- -- -- -
----------------------------- -----
--
---------- ------ - ----- --------- -- -- -
---------------------------------------
--
---------- ------ - ----- --------- -- -- -
--------------------------------------------------
--
--在 package.json 中添加 npm script:
---------- - ------------- ----- -------------- --
然后在命令行中输入 npm run test:envig 运行测试文件。
指导意义
使用 envig 能够自动创建和测试环境变量，而且能够在项目中通过 import 引入的方式获取环境变量，在前端开发过程中使用非常方便。
同时，测试能够保证环境变量被正确地导入和使用，防止在开发中出现错误。建议在项目中使用 envig 进行环境变量管理。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066e25a563576b7b1ecf1c