Javascript 使用Babel CLI编译React

我是一个新的反应和尝试学习。我正在尝试使用babel CLI手动编译JSX简单文件。我正在使用以下命令

npx babel src/App.js——输出文件static/App.js

然而，它有点卡住了，不会回来

以下是App.js的内容

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('example')
);

ReactDOM.render(
你好，世界！，
document.getElementById（'示例'）
);

您需要

工作示例：

npm install --save-dev @babel/cli @babel/core @babel/plugin-transform-react-jsx
npx babel App.js --out-file dist/App.js --plugins=@babel/plugin-transform-react-jsx

产生：

ReactDOM.render(React.createElement(
  'h1',
  null,
  'Hello, world!'
), document.getElementById('example'));

---

npx-p babel cli babel

？我要补充的是，您也可以直接在您的

package.json

文件或专用的

.babelrc

文件中设置

插件

，以便于管理（而不是将其作为文本传输到cli命令），还请注意，您可以使用

@babel/preset react

（预设）而不是

transform-react-jsx插件