在线文档教程

react

babel-preset-react

该 preset 包含如下插件/ preset:

也可以查阅:

安装

你也可以参阅 React 上手页面

查看更多信息,请查阅 cli 的构建页面和使用文档。

安装 CLI 和该 preset

npm install --save-dev babel-cli babel-preset-react

用该 preset 生成一个 .babelrc 配置文件

echo '{ "presets": ["react"] }' > .babelrc

运行如下代码生成一个文件:

echo '<h1>Hello, world!</h1>' > index.js

查看输出

./node_modules/.bin/babel index.js

使用方法

通过 .babelrc 方式(推荐)

.babelrc

{ "presets": ["react"] }

通过 CLI 方式

babel script.js --presets react

通过 Node API 方式

require("babel-core").transform("code", { presets: ["react"] }