Reactjs Babel typescript预设不与react预设一起工作

我正在使用babel react预设将带有JSX文件的react组件转换为JS文件。这个很好用

npm install --save-dev @babel/preset-react

现在我添加了字体脚本预设

npm install --save-dev @babel/preset-typescript

两个预设都在。LRC:

{
    "presets": [
        ["@babel/env", {"modules": false }],
        "@babel/preset-typescript",
        "@babel/preset-react"
    ]
}

我将目录添加到tsconfig.json

{
    "compilerOptions": {
        "rootDir": "src",
        "outDir": "docs/js"
    },
    "include": [
        "src/**/*"
    ]
}

但当我和巴贝尔一起跑的时候

npx babel src --out-dir prod/js

类型脚本预设被忽略。react预设确实有效

如果我在终端中手动调用typescript预设，它确实可以工作：

npx babel --presets @babel/preset-typescript src/test.ts

但是现在我的React代码被忽略了

---

如何将这两个预设与Babel结合起来？

如果您将扩展作为CLI参数传递，例如

npx Babel src--out dir prod/js--extensions.ts、.tsx“

，这会有帮助吗！弄明白这一点真是噩梦。关于这一点，巴贝尔网站的文档非常稀少。