如何在纯ES6模块中实现配置的条件覆写

我想知道能不能在ES6模块内部访问自身导出，就像CommonJS里用module.exports那样。目前我有个Config.js模块导出所有配置变量：

export const DatabaseName = "myDbName";
export const DatabasePort = 3000;
export const DatabaseHosts = ["174.292.292.32"];
export const MaxWebRequest = 50;
export const MaxImageRequests = 50;
export const WebRequestTimeout = 30;
// 更多配置...

还有个Dev.Config.js文件只放开发环境的覆写配置：

export const DatabaseHosts = ["localhost"];
export const DatabasePort = 5500;

之前我在Config.js底部用这段逻辑实现覆写：

try {
    var environmentConfig = `./${process.env.NODE_ENV}.Config.js`;
    var localConfig = require(environmentConfig)
    module.exports = Object.assign(module.exports, localConfig)
} catch (error) {
    console.log("Error overriding config with local values. " + error)
}

消费代码直接导入Config.js就能拿到覆写后的配置：

import * as Config from "./Config.js";

console.log(Config.DatabaseHosts) // 开发环境会输出正确的覆写值

现在我依赖Babel把代码转成CommonJS才能混用import/export并修改module.exports。请问怎么在不用转译的纯ES6模块里复现这个覆写模式？

ES6模块的命名导出（export const）是只读绑定，无法直接修改，所以需要调整配置的组织方式来实现覆写，以下是两种可行方案：

方案1：对象统一管理+异步动态导入 #

把所有配置放到一个可修改的对象中，通过动态导入环境配置来覆写属性：

修改Config.js #

// 用对象统一存储基础配置
export const config = {
  DatabaseName: "myDbName",
  DatabasePort: 3000,
  DatabaseHosts: ["174.292.292.32"],
  MaxWebRequest: 50,
  MaxImageRequests: 50,
  WebRequestTimeout: 30
  // 更多配置...
};

// 异步加载环境配置并覆写
try {
  const env = process.env.NODE_ENV;
  import(`./${env}.Config.js`).then(envConfig => {
    // 遍历环境配置的属性，覆盖基础配置
    Object.assign(config, envConfig);
  });
} catch (error) {
  console.log("Error overriding config with local values. " + error);
}

调整Dev.Config.js（可选，也可保留原命名导出） #

export default {
  DatabaseHosts: ["localhost"],
  DatabasePort: 5500
};

消费代码 #

import { config as Config } from "./Config.js";

// 注意：动态导入是异步操作，若需确保配置已覆写，可通过Promise包装初始化逻辑
console.log(Config.DatabaseHosts);

方案2：Node.js环境下同步加载（推荐） #

利用Node.js ES模块提供的createRequire方法，同步加载环境配置并合并，避免异步问题：

修改Config.js #

import { createRequire } from 'module';
const require = createRequire(import.meta.url);

// 定义基础配置
const baseConfig = {
  DatabaseName: "myDbName",
  DatabasePort: 3000,
  DatabaseHosts: ["174.292.292.32"],
  MaxWebRequest: 50,
  MaxImageRequests: 50,
  WebRequestTimeout: 30
  // 更多配置...
};

let envConfig = {};
try {
  const envFilePath = `./${process.env.NODE_ENV}.Config.js`;
  // 同步加载环境配置，若环境配置是ES模块，需取default导出
  envConfig = require(envFilePath);
  envConfig = envConfig.default || envConfig;
} catch (error) {
  console.log("Error overriding config with local values. " + error);
}

// 合并配置并导出
const finalConfig = { ...baseConfig, ...envConfig };
export default finalConfig;
// 如需保持命名导出，可解构赋值
export const { DatabaseName, DatabasePort, DatabaseHosts } = finalConfig;

消费代码 #

import Config from "./Config.js";
// 或用命名导出：import * as Config from "./Config.js";

console.log(Config.DatabaseHosts); // 开发环境直接输出["localhost"]

内容的提问来源于stack exchange，提问作者Morgan