typescript - 我可以使用 Babel 转译 ECMA 和 Typescript 吗？

Question

我有一个带有 2 个测试的简单项目。

test.jsx
test.tsx

当我使用以下预设运行 mocha 时

"presets": ["@babel/preset-env", "@babel/preset-react"]

jsx 测试有效，但 tsx 解析有问题...

(function (exports, require, module, __filename, __dirname) { import React from
'react';
                                                                     ^^^^^

SyntaxError: Unexpected identifier

当我更改为...

"presets": ["@babel/preset-typescript", "@babel/preset-react"],

我明白了

I:\...\enzyme-example-mocha\test\.setup.js:1
(function (exports, require, module, __filename, __dirname) { import { JSDOM } f
rom 'jsdom';
                                                                     ^

SyntaxError: Unexpected token {

有没有办法让两者都工作？我的项目基于

https://github.com/airbnb/enzyme/tree/master/packages/enzyme-example-mocha

我也试过

["@babel/preset-typescript", "@babel/preset-env", "@babel/preset-react"]

但我也一样...

I:\...\enzyme-example-mocha\test\.setup.js:1
(function (exports, require, module, __filename, __dirname) { import { JSDOM } f
rom 'jsdom';

如果我转身，["@babel/preset-env", "@babel/preset-typescript", "@babel/preset-react"]我会得到

(function (exports, require, module, __filename, __dirname) { import React from
'react';
                                                                     ^^^^^

SyntaxError: Unexpected identifier