手动Transpiling与Babel-cli反应JSX

Question

如何使用.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，请也说明。

任何帮助都将不胜感激。

Answer 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