reactjs - Babel typescript-preset fungerar inte tillsammans med react-preset


Jag använder Babel React-preset för att konvertera React-komponenter med JSX-filer till JS-filer. Detta fungerar bra!

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

Nu har jag lagt till TypeScript-förinställningen,

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

Båda förinställningarna finns i .babelrc:

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

Jag lade till katalogerna i tsconfig.json

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

Men när jag kör Babel med

npx babel src --out-dir prod/js

TypeScript-preset ignoreras. React-preset fungerar DOCK!

Om jag kör TypeScript-presetet manuellt i terminalen, fungerar det:

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

Men nu ignoreras min React-kod.

Hur kan jag kombinera dessa två förinställningar med Babel?