React.js 0.14 JSX转换替换

时间:2016-01-29 22:55:00

标签: reactjs

我正在阅读一些入门级的React.js课程,以便更熟悉React和ES6格式。不幸的是,这些课程是在JSX Transformer可用的0.13期间创建的,我不想为每个练习文件设置node.js环境。似乎babel-browser已经停止使用,并且babel-standalone需要的不仅仅是脚本属性中的一种类型来编译,所以似乎都不是一个解决方案(除非我误解为独立)。

那里有什么处理转换就像JSX Transformer曾经做过的那样吗?

提前致谢!

1 个答案:

答案 0 :(得分:1)

反应网站教程(http://facebook.github.io/react/docs/tutorial.html)似乎动态地使用了babel。



<!-- index.html -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>React Tutorial</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.2/marked.min.js"></script>
  </head>
  <body>
    <div id="content"></div>
    <script type="text/babel" src="scripts/example.js"></script>
    <script type="text/babel">
      // To get started with this tutorial running your own code, simply remove
      // the script tag loading scripts/example.js and start writing code here.
    </script>
  </body>
</html>
&#13;
&#13;
&#13;