React Fundamentals: Precompile JSX

The JSX Transformer library is not recommended for production use. Instead, you'll probably want to precompile your JSX into JavaScript.

 

Install:

npm install react-tools -g

 

Run:

jsx dev build --no-cache- dir  -- watch

  //  watch dev dir and compile js to build dir 

 

You also need to change html a little bit:

 

dev/index.html

 <!  doctype html  > 
 <  html   lang  ="en"  > 
 <  head  > 
     <  link   href  ="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css"   rel  ="stylesheet"   type  ="text/css"   /> 
     <  link   rel  ="stylesheet"   href  ="style.css"  /> 
     <  script   src  ="//fb.me/react-0.13.3.js"  ></  script  > 
     <  script   src  ="//fb.me/JSXTransformer-0.13.3.js"  ></  script  > 
     <  meta   charset  ="utf-8"  > 
     <  title  > Compiler Dev </  title  > 
 </  head  > 
 <  body  > 
 <  script    type  ="text/jsx"   src  ="app.js"  ></  script  > 
 </  body  > 
 </  html  > 

build/index.html

 <!  doctype html  > 
 <  html   lang  ="en"  > 
 <  head  > 
     <  link   href  ="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css"   rel  ="stylesheet"   type  ="text/css"   /> 
     <  link   rel  ="stylesheet"   href  ="style.css"  /> 
     <  script   src  ="//fb.me/react-0.13.3.js"  ></  script  > 
     <!--   no jsx file included  --> 
     <  meta   charset  ="utf-8"  > 
     <  title  > Compiler Dev </  title  > 
 </  head  > 
 <  body  > 
 <!--   no type="jsx/text"   --> 
 <  script   src  ="app.js"  ></  script  > 
 </  body  > 
 </  html  > 

 

查看更多关于React Fundamentals: Precompile JSX的详细内容...