React客户端和服务端编译

admin 发布于:2015-11-12 16:29 栏目: 浏览:2854 评论:0
客户端
页面引入react之后再引入JSXTransformer
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src=react.js"></script>
<script src="build/JSXTransformer.js"></script>
</head>
<body>
  <div id="example"></div>
  <script type="text/jsx">//这里要注意type类型
  React.render(  
      <h1>Hello, world!</h1>,  
      document.getElementById('example')
  );
  </script>
</body>
</html>

服务端
首先安装Node.js
推荐两个编译jsx的包
1)react­-tools
安装npm install -g reac-t­tools
安装成功之后就可以使用jsx命令了
jsx --watch js/ res/
js/为存放jsx文件的路径,res/为编译完成后输出js的路径


2)babel
安装npm install -g babel
等待安装成功
babel -d res/ js/
PS:如果是在服务端编译的话,客户端就不需要引入JSXTransformer.js了,同时,script的type类型也应该是javascript
游客

返回顶部