javascript - 如何为特定文件夹配置 Jest 和 babel-jest

Question

我收到以下错误:

import React from 'react';
^^^^^^
SyntaxError: Unexpected token import

原因是一些模块/s在npm中发布时没有编译。

我想知道如何将它们包含在 babel-jest 编译特定的 node_modules 文件夹中？

这是我当前在 package.json 中的配置

"jest": {
    "silent": false,
    "moduleNameMapper": {
      "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
      "\\.(scss|css|less)$": "<rootDir>/__mocks__/styleMock.js"
    },
    "setupFiles": [
      "<rootDir>/__mocks__/localStorageMock.js"
    ],
    "transform": {
      "^.+\\.jsx$": "babel-jest",
      "^.+\\.js$": "babel-jest"
    }

我没有在文档中找到任何解决方案。如果我能做这样或类似的事情，添加要转换的文件夹，那就太好了:

"transformPaths": [ "path/to/file.js", "path/to/file.jsx"]

Answer 1

我从 Jest 的家伙那里得到了一些帮助， Here是怎么做到的