如何配置babel-plugin-module-resolver的root适配双源码路径别名转译？

你之前配置反复错位，本质是babel-plugin-module-resolver的相对路径解析规则：当alias配置写相对路径时，解析基准会随「源文件所在目录」「命令执行的工作目录」动态变化，你两套源码分别在./src（项目根目录下）和./cloudRun/src（子目录下），层级差了1级，自然会出现同个路径配置对一侧生效、另一侧错位的问题。你之前尝试调整root配置无效，是因为root的相对路径同样遵循这套动态解析规则，没有固定的基准，所以没法同时适配两个不同层级的源码目录。

直接在babel配置里通过Node内置的path模块拼接出固定的绝对路径，完全摆脱相对路径的动态解析问题，一套配置同时适配两套源码的转译流程，不需要改动你现有的babel执行命令。
具体配置修改如下（替换原来的cloudRun/babel.config.js内容）：

const path = require('path');
// 通过__dirname定位当前babel配置文件所在目录（即cloudRun目录）
const cloudRunDir = __dirname;
// 固定指向distApp的绝对路径，不管从哪个位置转译源码，别名解析基准完全一致
const distAppAbsolutePath = path.join(cloudRunDir, 'distApp');

module.exports = {
  plugins: [
    ['module-resolver', {
      alias: {
        '@src': distAppAbsolutePath,
        '@hooks': path.join(distAppAbsolutePath, 'hooks')
      }
    }]
  ]
};

• 完全不受源文件所在层级影响：不管是转译项目根目录下的./src源码，还是转译./cloudRun/src下的后端源码，遇到@src别名时，都会直接定位到固定绝对路径cloudRun/distApp，不会因为源文件目录层级不同错位。
• 生成的输出文件导入路径自动适配：插件会自动根据输出文件的实际位置（不管是输出到cloudRun/distApp还是cloudRun/distService），计算出指向distApp目录的正确相对导入路径，符合Node模块的解析规则。
• 不需要额外调整你现有package.json里的两个babel转译命令，直接执行就能正常解析。

• 不要在alias里继续写相对路径值，比如./distApp这类写法，只要出现相对路径就会触发动态解析，迟早会出现层级错位的问题。
• 之前尝试用root配置适配的思路行不通，因为root的解析逻辑和你期望的固定全局基准不一致，没有直接用绝对路径别名来得直接可靠。

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