Question

我是React的新手并且正在努力学习。我正在尝试使用babel CLI手动编译JSX简单文件。我使用以下命令。

npx babel src / App.js --out-file static / App.js

然而它会被卡住，并且不会返回。

以下是App.js的内容

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

Answer 1

您需要transform-react-jsx plugin

工作示例：

<?xml version="1.0" encoding="utf-8"?>
<packages>
  <package id="sqlite-net-pcl" version="1.4.118" targetFramework="portable45-net45+win8+wpa81" />
  <package id="SQLitePCLRaw.bundle_green" version="1.1.5" targetFramework="portable45-net45+win8+wpa81" />
  <package id="SQLitePCLRaw.core" version="1.1.5" targetFramework="portable45-net45+win8+wpa81" />
  <package id="Xamarin.Forms" version="2.3.4.247" targetFramework="portable45-net45+win8+wpa81" />
</packages>

产生：

npm install --save-dev babel-cli babel-plugin-transform-react-jsx
./node_modules/babel-cli/bin/babel.js --plugins transform-react-jsx App.js --out-file dist/App.js

使用Babel CLI编译React

1 个答案: