React客户端和服务端编译

2015-11-12 admin 评论: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

评论
回到顶部