Создайте приложение React, которое автоматически компилируется в JavaScript ⇐ Javascript

[Anonymous]

Итак, я пытаюсь интегрировать React в свой веб -сайт в соответствии с https://stackoverflow.com/a/65945804/11544951 Этот ответ. После нескольких часов борьбы это сработало, но я все еще сталкиваюсь с проблемой, которую я не знаю, как казнить Бабел. Я могу выполнить его из CLI, но затем он внедряет транспилированные вещи в командную строку, а не в соответствующие файлы. Я немного не могу его настроить. У меня есть Babel.config.json с следующим контентом: < /p>

Код: Выделить всё

    {
"presets": ["@babel/preset-react"]
}
< /code>
a tsconfig{
"compilerOptions": {
"target": "ESNext",
"lib": [ "dom", "dom.iterable", "esnext" ],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
"noEmit": true,
"esModuleInterop": true,
"module": "ESNext",
"moduleResolution": "nodenext",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "react-jsx",
"incremental": true,
"plugins": [
{
"name": "next"
}
],
"paths": {
"@/*": [ "./src/*" ]
}
},
"include": [ "next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts" ],
"exclude": [ "node_modules" ],
"compileOnSave":  true
}

< /code>
И это мой (сокращен) package.json: < /p>
{
"name": "lindy-hop-classification",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev --turbopack",
"build": "next build",
"start": "next start",
"lint": "next lint",
"babel_compile": "babel --presets @babel/preset-react ./src/*"
},
"dependencies": {
"@babel/cli": "^7.26.4",
"@babel/core": "^7.26.9",
"@babel/plugin-transform-react-jsx": "^7.25.9",
"@babel/preset-react": "^7.26.3",
...
},
"devDependencies": {
...
}
}

Я могу представить, что это имеет какое -то отношение к тому факту, что я использую TSX, а не JSX, но, честно говоря, я не буду в потере, как настроить и запустить компиляцию в файлы.

Подробнее здесь: https://stackoverflow.com/questions/794 ... javascript