使用 Babel-cli 手动编译 React 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