Babel react

Babel 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"]
});