配置 Jest 模仿 webpack 解析 root 和解析别名

我正在努力使用 Webpack 和 Jest 建立一个项目。目前，Webpack 解决了配置导致 Jest 测试复杂化的问题。在我的 webpack 配置中，我设置了以下选项：

  resolve: {
    root: [__dirname + "/src/" ],
    extensions: ['', '.js', '.coffee', '.jsx', '.css', '.scss', '.svg']
  }

这让我需要具有以下功能的资产和模块：

import UnknownImg from 'assets/unknown';

上面的内容实际上存在（相对于我的项目根目录）src/assets/unknown.svg.

但是，当我对具有上述行的文件运行测试时，在解析所需模块/资产的路径时会出现错误。

Error: /Users/byronsm/dev/nerve-center/src/components/organisms/system_status.jsx: Cannot find module 'assets/unknown' from '/Users/byronsm/dev/nerve-center/src/components/organisms'

在这种情况下，它似乎正在对导入的模块路径进行相对查找。有没有办法让 Jest 的行为与 Webpack 相同？

现在官方 jest 文档中提供了解决方案。看Webpack 教程 https://facebook.github.io/jest/docs/en/webpack.html.

简而言之，添加modulePaths你的笑话配置选项package.json:

"jest": {
    "modulePaths": ["src"], 
    ...
}