了解第三方模块 config

问题： 为什么要提及config模块呢？

在实际项目中，针对不同的环境需要写对应环境的配置代码，如何做才能让这些区分环境的配置代码便于维护和管理呢

1.config模块是干什么的？

允许开发人员将不同运行环境下的应用配置信息抽离到单独的文件中，模块内部自动判断当前应用的运行环境，并读取对应的配置信息，极大提供应用配置信息的维护成本，避免了当运行环境重复的多次切换时，手动到项目代码中修改配置信息。

config模块支持各种格式的配置文件，本文仅以js为例

2.在实际项目中的应用？

第一步: 安装: npm install config

第二步: 在项目的根目录下创建config目录：

(如下图所示的创建的config/…js文件，模块会根据所运行环境自动加载对应的js文件,譬如在本地运行此项目时，会加载local.js文件中的配置信息， 若没有local.js文件，就加载development.js文件， 若development.js文件也不存在，则加载default.js文件，同理在生产环境中若production.js文件存在，则加载production.js文件，若不存在就加载default.js文件)

第三步: 编写在vue.config.js或nuxt.config.js或xxx.config.js中引入：(这里以nuxt.config.js为例）

const config = require('config')
module.exports = {
  proxy: config.proxy
  ...
}