如何打印项目目录的有效Babel配置？

一、用Babel官方工具直接打印有效配置 #

这是最推荐的方式，无需修改任何文件：

• 在目标项目目录下执行以下命令，直接输出Babel加载的所有配置源、合并后的有效预设/插件及路径：

  npx babel --show-config
  

• 如果需要针对特定文件验证配置生效情况，可追加文件路径：

  npx babel src/index.js --show-config
  

二、修改node_modules临时输出配置（应急方案） #

如果官方命令无法满足需求，可临时修改Babel核心文件添加日志：

• 找到Babel配置加载的核心文件：node_modules/@babel/core/lib/config/index.js
• 定位到处理配置合并的函数（比如loadFullConfig或loadPrivatePartialConfig），在函数返回前添加日志输出：

  // 在配置处理完成后、返回前插入
  console.log('=== 最终Babel有效配置 ===', JSON.stringify(config, null, 2));
  

• 运行你的构建/编译命令，控制台会打印完整的有效配置内容，包括加载的插件、预设及参数。
• 注意：修改node_modules后，后续执行npm install会覆盖改动，排查完成后记得恢复文件或重新安装依赖。

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