简介
在前端开发中，我们通常需要准备多个环境的配置（如开发环境、测试环境、生产环境等），这些配置包括但不限于 API 地址、账号密码、静态资源域名等，但这些环境配置于不同的开发人员之间可能略有出入，因此需要一个统一的环境变量管理方案来避免因配置不同而导致的错误问题，一般我们会将这些环境变量写到一个 .env 文件中，然后通过环境变量管理工具（如 dotenv）将其注入到应用程序中使用。
而 compile-env-templates 可以帮助我们更简单地管理环境变量，通过预置的模板变量，在实际部署时自动将模板转化为目标环境的.env 文件。本篇文章将介绍如何使用 compile-env-templates 这个 npm 包。
安装
compile-env-templates 是一个 npm 包，可通过 npm 安装，使用如下命令安装：
--- ------- --------------------- ----------
使用
第一步： 执行安装命令之后，你需要创建一个名为 .env.template 的文件，用来存放模板变量。
- ------------- -------------------------------- -------------
模板文件中的模板变量使用 {{VARIABLE_NAME}} 进行标记，其中 VARIABLE_NAME 自定义。
第二步： 执行安装命令之后，在你的脚本中进行以下配置：
（1）引入 compile-env-templates：
-- ------- ----- ------------------- - ----------------------------------------- -- --- ------ ------ ------------------- ---- ------------------------
（2）实例化 CompileEnvTemplates 并指定输出目录：
----- -------- - --- --------------------- ---------- ------- ---
其中 outputDir 可选，用于指定生成的 .env 文件目录，默认值为与 CLI 执行命令的根目录。
（3）编译并创建 .env 文件。
使用 compiler.compile() 编译，该方法将启动命令行交互式问题，以按照 .env.template 文件中的预定义变量，并自动创建 .env 文件：
----- -------------------
这将在运行时产生以上询问：
- ------ ---- ---- ----- -- ----------- --- ---- -- ----- --------- ---- ------ - ---------- ------ ------- - ------- ------ -------
用户输入完成后，将自动生成 .env 文件。
示例
添加 Template
在你的根目录下创建 .env.template 文件，并添加下面的内容：
- ------------- -------------------------------- --------------------- -----------------------------
模板文件中的“模板”变量使用 {{variable_name}} 进行标记，variable_name 可以自定义。
配置
添加以下代码到你的调用代码中：
-- --- ----- -------- - --- --------------------- ---------- ------- --- -- ------------ ----- -------------------- - - --------- ------------- -- - ----- --------- -- -- --------------------- --- ------------- - ----- --------------------------------------- - ---- - ----- ------------------- - -- ---
编译出.env文件
执行 npm run shuffle-env，回答命令行中的问题并等待执行成功。
输出.env文件
生成的 .env 文件的目录会在引入时指定，CompileEnvTemplates 的输出目录为 .env，如下所示：
---- ------------ ----- ---- ----- ------ ----- ---- - --------- --------- -- -------------------- ----- ------------- - ------------------- -------- ---- ---- ----- ------------ ----- - ----- ----- --- -----------
结论
使用 compile-env-templates 能够更方便地管理环境变量，解决部署不同环境产生的问题，也能够方便管理和维护 .env 文件，如果在开发过程中使用 compile-env-templates，无论是在对于环境配置的快速迭代，还是对于各种环境的快速切换，都有着它不可替代的作用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600566a981e8991b448e2e02