前言
在前端的开发工作中，我们时常需要配置一些公共的参数，例如接口地址、图片地址等等。经常需要在多个文件中进行修改，这样就比较繁琐。而使用 npm 包 fe-config，就可以在一个独立的配置文件中集中管理这些参数，方便我们进行配置管理。
安装
在命令行中输入以下命令进行安装：
npm install fe-config --save
使用
1. 创建配置文件
在项目根目录下创建一个 config 文件夹，然后在该文件夹中创建一个 config.js 文件。
// ./config/config.js
module.exports = {
apiHost: 'http://localhost:8080',
imageHost: 'http://localhost:8081',
fontSize: 16,
fontFamily: 'Helvetica Neue, Helvetica, Arial, sans-serif',
}其中，apiHost 和 imageHost 为我们需要配置的公共参数，fontSize 和 fontFamily 为示例参数。
2. 引用配置文件
我们可以在项目的任何地方引用配置文件中的参数。
// example.js
const config = require('fe-config')()
console.log(`apiHost is: ${config.apiHost}`)
console.log(`fontSize is: ${config.fontSize}`)3. 修改配置文件
在开发过程中，我们有可能需要修改配置文件中的参数。这时可以直接在 config.js 文件中进行修改，然后重新启动应用程序即可。
4. 高级配置
如果需要进行高级配置，我们可以在 config.js 文件中创建不同的环境配置，并通过命令行参数来选择不同的环境配置。例如：
-- -------------------- ---- -------
-- ------------------
-------------- - -
------- -
--------- ---
----------- ---------- ----- ---------- ------ ------------
--
---- -
------------ --------------
-------- ------------------------
---------- ------------------------
--
----- -
------------ -------------
-------- -------------------------
---------- -------------------------
--
-然后在启动程序时带上环境参数即可：
cross-env NODE_ENV=development node example.js
这样，在程序中引用 apiHost 和 imageHost 参数时，会根据不同环境选择不同的配置值。
// example.js
const config = require('fe-config')()
console.log(`apiHost is: ${config.apiHost}`)
console.log(`fontSize is: ${config.fontSize}`)
// 输出如下：
// apiHost is: http://localhost:8080
// fontSize is: 16小结
使用 npm 包 fe-config 可以方便地进行前端配置参数的管理，减少代码中的硬编码。通过本文，你会学会如何创建、引用和修改配置文件并进行高级配置。在开发工作中，应该尽量地尝试使用这种方式来管理公共参数，以提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5751ab1864dac66cb8