前言
在前端开发过程中，我们通常要在多个环境中使用不同的配置变量。如果我们将这些配置变量硬编码在代码中，每次修改都需要手动修改代码，增加维护成本，还容易出错。因此，我们通常使用配置文件或者环境变量来管理这些变量。
custom-config-vars 是一个 npm 包，它可以轻松地管理前端应用程序的环境变量和配置，使得我们可以根据不同的部署环境配置不同的参数，而不需要手动编写和管理大量的变量和配置文件。
安装
在使用 custom-config-vars 之前，我们需要将其安装：
npm install custom-config-vars
使用
基本用法
custom-config-vars 的基本用法非常简单。我们只需要在项目的根目录下创建一个 config 文件夹，然后在该文件夹下创建一个用于存储配置的 JSON 文件，如下所示：
{
"API_KEY": "123456",
"BASE_URL": "https://example.com/api",
"DEBUG": false
}然后，在应用程序中使用以下代码引入这些配置变量：
import { CONFIG } from 'custom-config-vars';
console.log(CONFIG.API_KEY);
console.log(CONFIG.BASE_URL);
console.log(CONFIG.DEBUG);多环境配置
有些时候，我们需要在不同的环境中使用不同的配置。为了实现这个功能，我们可以在 config 文件夹中为不同的环境创建不同的配置文件，如下所示：
config ├── development.json ├── production.json └── staging.json
然后，在应用程序中使用以下代码引入配置变量：
-- -------------------- ---- ------- ------ - ------ - ---- --------------------- -- --------------------- --- ------------- - ---------------------------- - ---- -- --------------------- --- ---------- - ----------------------------- - ---- -- --------------------- --- -------------- - -------------------------- -
指定配置文件路径
如果我们需要将配置文件存储在项目的其他位置，而不是默认的 config 文件夹，可以在初始化 custom-config-vars 时指定配置文件路径。例如，将配置文件存储在根目录下的 config 文件夹内，可以使用以下代码：
import { setConfigPath, CONFIG } from 'custom-config-vars';
setConfigPath(`${__dirname}/config`);
console.log(CONFIG.API_KEY);
console.log(CONFIG.BASE_URL);
console.log(CONFIG.DEBUG);总结
custom-config-vars 是一个非常实用和方便的 npm 包，可以帮助我们轻松管理环境变量和配置，提高代码的可维护性和可移植性。在开发过程中，我们可以根据不同的环境配置不同的参数，减少代码修改的工作量，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bcf967216659e244db9