如何结合自定义Parcel转换器运行Jest测试，解决导入解析失败问题？

方法1：用Jest自带的moduleNameMapper做路径映射 #

如果你的导入转换规则是固定的（比如所有a/b/c格式的导入都对应./packages/a/src/b/c），直接在Jest配置里加路径映射是最快的方案：

在项目根目录的jest.config.js（没有的话就新建）里添加：

module.exports = {
  moduleNameMapper: {
    '^([a-z]+)/(.*)$': '<rootDir>/packages/$1/src/$2'
  }
};

这个正则会把所有以小写字母开头的模块导入（比如a/b/c）匹配到./packages/a/src/b/c的路径，刚好对应你需要的转换规则。

方法2：自定义Jest转换器（Transform） #

如果你的转换逻辑更复杂（比如需要根据不同条件调整路径），可以写一个自定义的转换脚本让Jest调用：

1. 新建jest-transform-path.js文件：

const { readFileSync } = require('fs');

module.exports = {
  process(src, filename) {
    // 替换导入语句，匹配你需要的规则
    const transformedSrc = src.replace(
      /import\s+["']([a-z]+\/.*)["']/g,
      (match, path) => {
        const [pkgName, ...restPath] = path.split('/');
        return `import "./packages/${pkgName}/src/${restPath.join('/')}"`;
      }
    );
    return transformedSrc;
  }
};

2. 在jest.config.js里配置使用这个转换器：

module.exports = {
  transform: {
    '^.+\\.jsx?$': './jest-transform-path.js'
  }
};

如果项目本来用Babel转译，记得把Babel的transform也加上（顺序很重要，Jest会按顺序应用转换器）：

module.exports = {
  transform: {
    '^.+\\.jsx?$': ['babel-jest', { configFile: './babel.config.js' }],
    '^.+\\.jsx?$': './jest-transform-path.js'
  }
};

方法3：用Babel插件处理路径 #

如果项目已经用Babel，可以用babel-plugin-module-resolver插件统一处理导入路径，Jest会自动继承Babel的配置：

1. 安装插件：

npm install babel-plugin-module-resolver --save-dev

2. 在babel.config.js里添加配置：

module.exports = {
  plugins: [
    [
      'module-resolver',
      {
        root: ['./'],
        alias: {
          '^([a-z]+)/(.*)$': './packages/$1/src/$2'
        }
      }
    ]
  ]
};

这样不管是Parcel还是Jest，都会用这个规则解析导入路径，实现统一。

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