使用 Babel-cli 手动转译 React JSX
Manually Transpiling React JSX with Babel-cli
如何使用 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；也请说明。
如有任何帮助，我们将不胜感激。
您只需安装最新的 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
如何使用 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；也请说明。
如有任何帮助，我们将不胜感激。
您只需安装最新的 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