Ручная транспиляция React JSX с помощью Babel-cli
Как я могу скомпилировать файл .jsx с помощью команды npx babel-cli [inpfile].jsx --out-file [outfile].js --plugin=@[someplugin]. Я пробовал --plugin=@plugin-transform-react-jsx, но выдает ошибку в самом первом выражении JSX.
У меня установлены пакеты babel-cli, babel-core и т. д.
Я могу использовать create-react-app, и все работает нормально, но я хочу сделать это вручную, скомпилировав JSX.
Также, если преобразование ES6 в ES5 возможно с той же процедурой; пожалуйста, укажите это также.
Любая помощь будет оценена по достоинству.
@ Jayce444 Jayce444, если вы попытаетесь установить babel, npm сообщит вам, что он устарел, используйте babel-cli, потому что пакет был переименован. Если вы попытаетесь скомпилировать, выдаст ошибку, что вы ошибочно набрали babel, используйте babel-cli. Я провел полное исследование со своей стороны, прежде чем спрашивать о SO. Кстати, спасибо за потраченное время.
Можете ли вы поделиться своим package.json? Мне нужно увидеть все ваши версии Babel (включая пресеты/плагины)
@ tmhao2005 У меня нет файла пакета. Я мало что знаю об этом. Я использовал create-react-app.
Ах я вижу. Но вы должны установить приложения Babel локально в своем проекте. Попробуйте установить их и повторите попытку.
Вы знаете, какие из них должны быть установлены? Если бы не вы, я бы предложил помощь
@tmhao2005 да! Конечно, я здесь ищу помощи. Я пытался установить babel-cli, babel-core и preset-react. но preset-react говорит, что ядро Babel не установлено, но оно установлено. Вы можете начать объяснять с нуля.
Ответы 1
Вы бы просто установили последние пакеты babel (похоже, вы пытались установить старые). Вот несколько шагов:
- Установите необходимые пакеты:
npm i -D @babel/core @babel/cli @babel/preset-env @babel/preset-react
- Запустите тестовый файл jsx:
npx babel path/to/yourFile.jsx --presets=@babel/preset-env,@babel/preset-react
Это очень полезно, спасибо. Обратите внимание, что если OP хочет только транспилировать JSX, @babe/present-env кажется ненужным.
Я считаю, что это должно быть просто
babel, а неbabel-clibabeljs.io/docs/en/babel-cli#compile-files