巴别尔 <3 反应

有一件事经常让人惊讶，那就是Babel开箱就支持JJSX。

让我来告诉你，切换是多么容易：

注意：使用Babel的方法有很多，我在这里只列出其中的几种。如果您想看到一个更完整的列表，请查看我们的使用Babel页面。

在浏览器中(文档)

之前

<script type='text/jsx'></script>

之后

<script type='text/babel'></script>

在Browserify中(文档)

之前

$ browserify -t reactify main.js

之后

$ browserify -t babelify main.js

在Node（文档）中

之前

require('node-jsx').install();

之后

require('babel/register');

在Webpack中(docs)

之前

loaders: [
  { test: /\.js$/, exclude: /node_modules/, loader: 'jsx-loader'}
]

之后

loaders: [
  { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader'}
]

在Gulp中(docs)

之前

gulp.src('views/**/*.js')
    .pipe(jsx())
    .pipe(gulp.dest('dist'));

之后

gulp.src('views/**/*.js')
    .pipe(babel())
    .pipe(gulp.dest('dist'));

---

这样的例子不胜枚举，但你现在可能已经明白这有多简单了。如果你没有看到你要找的工具，不用担心，我们在使用Babel页面有一个完整的列表。

如果您在设置上需要更多帮助，请务必阅读我们的JSX文档，或在我们的支持聊天中询问其他Babel用户。

- Babel团队