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?