使用 Babel-cli 手动编译 React JSX

Question

如何使用 npx npx babel-cli [inpfile].jsx --out-file [outfile].js --plugin=@[someplugin]命令编译.jsx文件。 我试过--plugin=@plugin-transform-react-jsx但它在第一个 JSX 表达式上给出了错误。

我安装了 babel-cli、babel-core 等软件包。

我可以使用create-react-app并且一切正常，但我想手动执行此操作，编译 JSX。

此外，如果 ES6 到 ES5 的转换可以通过相同的程序进行； 也请 state 它。

任何帮助，将不胜感激。

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