Babel 参考手册
预设 | Presets
react
该 preset 包含如下插件/ preset:
- preset-flow
- syntax-jsx
- transform-react-jsx
- transform-react-display-name
也可以查阅:
- transform-react-constant-elements
- transform-react-jsx-self
- transform-react-jsx-source
安装
你也可以参阅 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"]
});