在前端开发中，我们经常会有需要配置文件的情况，比如在不同环境下使用不同的 API 地址、不同的启动端口等等。而 export-config 就是一款可以帮助我们管理配置文件的 npm 包，在不同的环境下通过配置自动加载对应的配置文件。
安装
你可以在你项目的根目录中通过 npm 安装 export-config：
npm i export-config --save
使用步骤
第一步：创建配置文件
首先，在你的项目中创建一个 config 目录，并在其中创建相应的配置文件，例如：
// config/default.js
module.exports = {
apiUrl: 'http://localhost:3000/api'
};你可以根据你的需要创建多个配置文件，不同的文件名代表不同的环境名，例如：
-- -------------------- ---- ------- -- --------------------- -------------- - - ------- ---------------------------- -- -- -------------------- -------------- - - ------- ----------------------------- --
第二步：在项目中使用配置
在你的项目中引入 export-config，并读取当前环境对应的配置文件：
const config = require('export-config')();
console.log(config.apiUrl); // 根据不同的环境输出不同的 API 地址注意：如果没有指定环境，则默认使用 default.js 中的配置。
第三步：指定环境
你可以通过设置环境变量 NODE_ENV 来指定使用的环境，例如：
NODE_ENV=production node index.js
这样就会使用 production.js 中的配置。
你也可以在代码中手动指定环境：
// 指定环境为开发环境
const config = require('export-config')('development');
console.log(config.apiUrl);示例代码
使用默认配置
// config/default.js
module.exports = {
apiUrl: 'http://localhost:3000/api'
};
// index.js
const config = require('export-config')();
console.log(config.apiUrl); // http://localhost:3000/api使用不同的环境配置
-- -------------------- ---- ------- -- ----------------- -------------- - - ------- --------------------------- -- -- --------------------- -------------- - - ------- ---------------------------- -- -- -------------------- -------------- - - ------- ----------------------------- -- -- -------- ----- ------ - --------------------------- --------------------------- -- ------------------------- -------------------- - -------------- ----- --------- - --------------------------- ------------------------------ -- -------------------------- -------------------- - ------------- ----- ---------- - --------------------------- ------------------------------- -- ---------------------------
手动指定环境
-- -------------------- ---- ------- -- ----------------- -------------- - - ------- --------------------------- -- -- --------------------- -------------- - - ------- ---------------------------- -- -- -------------------- -------------- - - ------- ----------------------------- -- -- -------- ----- ------ - ---------------------------------------- --------------------------- -- --------------------------
结论
export-config 是一个非常实用的 npm 包，可以帮助我们管理项目中的配置文件，让我们在不同的环境中使用对应的配置，从而提高我们的工作效率。如果你的项目中也需要使用配置文件，不妨试一试 export-config 吧。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005533081e8991b448d078b