javascript - Ava babel-register 不转译

我正在尝试将 Ava(从 mocha 迁移)作为我的 react/electron 应用程序的测试运行程序。

我的 package.json 中有这个配置

  "ava": {
    "files": [
      "./app/**/*.spec.js"
    ],
    "source": [
      "./app/**/*.{js,jsx}"
    ],
    "concurrency": 5,
    "failFast": true,
    "require": [
      "babel-register",
      "ignore-styles",
      "./app/test/setup.js"
    ],
    "babel": {
      "presets": [
        "es2015",
        "react"
      ]
    }
  },

我的 setup.js 只是设置 jsdom 的 helper 。

我不断收到错误:

(function (exports, require, module, __filename, __dirname) { import { jsdom } from 'jsdom';
                                                              ^^^^^^
SyntaxError: Unexpected token import

所以似乎没有正确要求 babel-register 。

最佳答案

你可能已经找到了答案，但我想我会分享我的解决方案。对我来说，是将 babel 部分移到 ava 部分旁边，如下所示:

{
  "ava": { ... ava config ... },
  "babel": { ... babael config ... }
}

完整示例

{
  "ava": {
    "files": [
      "./app/**/*.spec.js"
    ],
    "source": [
      "./app/**/*.{js,jsx}"
    ],
    "concurrency": 5,
    "failFast": true,
    "require": [
      "babel-register",
      "ignore-styles",
      "./app/test/setup.js"
    ]
  },
  "babel": {
    "babelrc": false,
    "presets": [
      "es2015",
      "react"
    ]
  }
}

原因是这就是 babel 搜索的内容。 package.json 配置或 .babelrc 文件。

关于javascript - Ava babel-register 不转译，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40248844/