什么是 mild-config
mild-config 是一个 npm 包，用于管理前端项目的配置信息。在前端开发中，我们经常需要根据环境加载不同的配置，比如开发环境和生产环境的 API 地址、CDN 地址等。使用 mild-config ，你可以方便地进行配置管理，并且支持多种格式的配置，比如 JSON、YAML、XML 等。
安装 mild-config
使用 npm 安装 mild-config ：
npm install mild-config --save
创建配置文件
在项目根目录下创建一个名为 config 的文件夹，并在其中创建配置文件，比如 development.json 和 production.json 。以 development.json 为例，示例代码如下：
-- -------------------- ---- -------
-
------ -
------ ------------------------
---------- ----
--
------ -
------ ------------------------
---------- ----
-
-加载配置信息
在项目中使用 mild-config 加载配置信息：
const config = require('mild-config')();默认使用 NODE_ENV 环境变量作为配置文件名，比如 NODE_ENV=development 则加载 development.json 。如果需要显式指定配置文件名，可以传入参数，比如加载 production.json ：
const config = require('mild-config')('production');使用配置信息
加载配置信息后，就可以使用其中的配置项了。以访问 API 地址为例：
const apiUrl = config.get('api.url');支持不同格式的配置文件
mild-config 支持多种格式的配置文件，包括 JSON、YAML 和 XML。在配置文件名后添加扩展名即可，比如使用 YAML 格式的配置文件：
development.yaml
支持多层级的配置项
mild-config 支持多层级的配置项，支持使用点号和中括号访问配置项，以访问 API 版本为例：
const apiVersion1 = config.get('api.version');
const apiVersion2 = config.get('api["version"]');支持默认值
当配置项不存在时，可以使用默认值：
const port = config.get('server.port', 3000);小结
mild-config 是一个方便的配置管理工具，可以帮助我们快速管理前端项目中的配置信息。通过本文的介绍，你已经学会了如何安装和使用 mild-config ，以及如何支持不同格式的配置文件、多层级的配置项、默认值等功能。祝你使用愉快！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f471d8e776d08041054