介绍
在前端开发中，我们一般需要通过配置文件来定义项目参数和环境变量等信息。而 urbanjs-config 则提供了一个简单的方式来管理配置文件，让我们能够快速、灵活地管理项目中的配置。
urbanjs-config 为我们提供了一些基本的配置功能，例如：读取环境变量、从 JSON 文件读取配置等。此外，它也提供了可扩展的 plugin API，并且支持 webpack 解析，使得我们可以方便地使用它在开发中。
安装与配置
安装 urbanjs-config 的命令如下：
npm install urbanjs-config --save-dev
安装完成后，我们需要在项目的根目录下创建 config 目录，并且在其中创建配置文件，例如 default.json，该文件中可以设置一些默认的配置信息。
{
"server": {
"host": "localhost",
"port": 3000
}
}然后，我们需要在项目入口文件中引入 urbanjs-config：
const config = require('urbanjs-config').load();这样，config 对象就会包含我们刚刚定义的默认配置信息。
如果需要读取不同的配置文件，可以将文件名作为参数传递给 load 方法：
const config = require('urbanjs-config').load('production.json');插件
urbanjs-config 支持插件功能，我们可以通过插件扩展 config 的配置和加载规则。urbanjs-config 自身提供了一些常用的插件，例如：读取环境变量的插件 urbanjs-config-env、使用 yargs 命令行参数的插件 urbanjs-config-cli 等。
读取环境变量插件
下面是一个读取环境变量的插件示例：
npm install urbanjs-config-env --save-dev
假设我们需要读取一个名为 DATABASE_URL 的环境变量，并且在项目中使用该变量来存储数据库连接信息。我们可以通过以下方式来定义：
{
"db": {
"connectionString": "%{env:DATABASE_URL}"
}
}这个配置文件中，我们将 DATABASE_URL 的值作为 connectionString 的值进行了引用。在运行时，该值会被从环境变量中读取并应用到 connectionString 中。
命令行参数插件
如果你需要在运行时指定一些配置信息，可以使用 urbanjs-config-cli 插件，并配置命令行参数。
npm install urbanjs-config-cli --save-dev
下面是一个在命令行中指定端口号的示例：
{
"server": {
"host": "localhost",
"port": "%{cli:port|3000}"
}
}运行时，可以通过 --port 参数指定端口号：
node app.js --port=8080
编写自定义插件
除了使用已有的插件，我们也可以根据需求自己编写插件。这里仅简单介绍插件定义的方式，更具体的插件开发内容可以参考文档。
插件必须是 node 模块，并且要暴露 register(config, options) 函数。该函数接收两个参数：config(当前的 config 对象) 和 options(插件的配置选项)。
以下是一个简单的插件：
exports.register = function(config, options) {
config.someProperty = options.someValue;
};该插件可以通过以下方式使用：
{
"plugins": [
{"path": "/path/to/plugin.js", "options": {"someValue": true}}
]
}示例代码
下面是一个完整的示例代码：
const config = require('urbanjs-config').load();
console.log(config);执行命令后，输出结果如下：
{
"server": {
"host": "localhost",
"port": 3000
}
}总结
urbanjs-config 为我们提供了一种简单的方式来管理配置文件。它支持插件功能，并提供了一些常用插件，例如：读取环境变量插件和命令行参数插件等。我们也可以自行编写插件，以扩展 config 的功能。希望本文能对你有所帮助，感谢阅读！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005662d81e8991b448e2093