在前端开发中，我们经常需要配置一些参数和选项以便更好地管理和控制我们的应用。 npm 是一个广泛使用的 JavaScript 包管理工具，通过使用 npm 包 config-ext 可以帮助我们更好地使用配置文件。在本文中，我们将介绍如何使用 config-ext，以及如何在您的项目中使用它。
安装
要使用 config-ext，首先需要在您的项目中安装它。打开终端并输入以下命令：
npm install config-ext
安装完成后，它将被添加到 package.json 文件的 dependencies 中。
配置
config-ext 的配置是相对简单的。它主要涉及两个文件：config.json 和 config.<environment>.json。在 config.json 中，定义了一些默认值和配置选项，而在 config.<environment>.json 中，则定义了在特定环境下的配置。
config.json
首先，我们来看一下 config.json。文件格式如下：
-- -------------------- ---- -------
-
--------- -
------- ------------
------- ----
--
----------- -
------ ---------------------------
----------- ---
----------- --
--
------ -
-------- --- -----
-------------- ----- -- -- -----
-
-可以看到，config.json 是一个 JSON 格式的文件，其中分别定义了 server、database 和 app 的选项和值，我们可以随时修改它们以符合我们的需求。
config.<environment>.json
其次，让我们看一下 config.<environment>.json 文件。在这个文件中，可以有多个不同的环境（如开发环境、测试环境、生产环境等），每个环境都需要相应的配置。
例如，如果我们有一个名为“development”的环境，那么我们可以创建一个 config.development.json 文件来设置该环境的配置：
-- -------------------- ---- -------
-
--------- -
------- ------------
------- ----
--
----------- -
------ ---------------------------
----------- ---
----------- --
--
------ -
-------- --- --- ---------------
-------------- ----- -- -- --- -- ----------- ------
-
-可以看到，config.development.json 文件中重写了 config.json 文件中的 app.title 和 app.description，以适应这个特定的环境。
同样的，我们也可以创建 config.production.json 文件来设置生产环境的配置。
使用
现在我们已经完成了配置，接下来我们需要了解如何在项目中使用 config-ext。
初始化
在项目的根目录中，创建一个名为 config.js 的文件，并在其中定义以下内容：
const configExt = require('config-ext');
const config = configExt({
dir: './',
env: process.env.NODE_ENV || 'development'
});
module.exports = config;这个配置文件将 configExt 模块初始化，并返回一个 JavaScript 对象，该对象包含了我们在 config.json 和 config.<environment>.json 中定义的所有配置 选项和值。
options 对象中的 dir 选项指定了配置文件的目录（这里是当前目录），而 env 选项是用于获取当前环境的 Node.js 环境变量。
通过这种方式，我们可以轻松地在项目中使用配置文件中的选项和值了。
使用
要使用 config.js 文件中定义的选项，只需在相应的文件中导入它，然后按如下方式使用它：
const config = require('./config');
const appTitle = config.app.title;
const appDescription = config.app.description;如上所示，我们可以使用 config.js 中的 app.title 和 app.description 选项，并将它们分别赋值给 appTitle 和 appDescription 变量。
另外，也可以使用点号表示法（如 config.app.title）获取配置选项，这样可以更容易地组织和管理配置文件。
示例代码
为了更好地了解 config-ext 的用法，我们编写了一个简单示例的 Express 应用程序。在这个应用程序中，我们使用 config-ext 来管理我们的配置文件。
server.js
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ------ - -------------------- ----- --- - ---------- ------------ -------- ----- ---- - ----- -------- - ----------------- ----- -------------- - ----------------------- --------------------------------------------- --- ------------------------------ ------------------- -------- -- - ---------------- -- --- ------- -- ----------------------------------------------------- ---
在这个示例中，我们使用 express 来创建一个 HTTP 服务器，并将根路由中的 app.title 和 app.description 值作为响应写入到客户端。
config.json
-- -------------------- ---- -------
-
--------- -
------- ------------
------- ------
--
------ -
-------- --- -----
-------------- ----- -- -- -----
-
-在这个示例中，我们只定义了 server.hos 和 server.port 值以及 app.title 和 app.description 值。
config.development.json
{
"app": {
"title": "My App (Development)",
"description": "This is my app in development mode."
}
}在这个示例中，我们重写了 app.title 和 app.description 值，使它们适应了开发环境。
启动应用
要在开发环境中运行此应用程序，请打开终端并输入以下命令：
NODE_ENV=development node server.js
在浏览器中访问 http://localhost:3000，你应该可以看到如下输出：
My App (Development) This is my app in development mode.
现在，您已经成功地使用 config-ext 来管理应用程序配置文件！无论您是在开发一个小型项目还是一个大型应用程序，使用 config-ext 都将使配置过程变得轻松愉快。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057c3981e8991b448ebc26