时间戳

首页 > 解决方案 > 使用 Babel-cli 手动编译 React JSX

reactjs - 使用 Babel-cli 手动编译 React JSX

问题描述

如何使用该命令编译.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 的转换可以通过相同的程序进行；也请说明。

任何帮助，将不胜感激。

标签： reactjsbabeljsjsxbabel-clibabel-core

解决方案

您只需安装最新的 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

推荐阅读