㈠ 如何使用react-tools将jsx编译成javaScript
1,通过npm安装react-tools
npm –g react-tools
2,通过cmd进入项目根目录执行watch命令 jsx --watch src/ build/
src路径下存放的是jsx文件，编译后的js存放到build路径下
3,当目标文件变化以后，自动构建生成新的js文件。
㈡ react jsx 怎么的注释
1,通过npm安装react-tools npm –g react-tools 2,通过cmd进入项目根目录执行watch命令 jsx --watch src/ build/ src路径下存放的是jsx文件，编译后的js存放到build路径下 3,当目标文件变化以后，自动构建生成新的js文件。
㈢ 原来Babel 能直接编译 JSX.官方用的是哪个
JavaScript 依赖于浏览器的运行环境。是一种解释执行的脚本语言。
所以，只能以文本的形式被解释执行，不能被编译。
有些运行形式，比如.js .hta 的执行方式看似一个独立的应用程序。其实后台也是解释执行的。
㈣ jsxtransformer.js 和browser.js有什么关系
这个确实是网络就能解决的问题 补充下楼上的回答
在react 0.14前，浏览器端实现对jsx的编译依赖jsxtransformer.js
在react 0.14后，这个依赖的库改为browser.js
页面script标签的type也由text/jsx改为text/babel
但是以上只能用来测试学习react
生产环境需要借助编译工具事先将jsx编译成js
对应的这个工具也由react-tool更换为babel
其他react 0.14的改动可参考http://undefinedblog.com/react-v0-14/
㈤ 怎么在html5中直接编译jsx
/newscodejs.asp?lm2=84&list=5&icon=/img/fk.gif&tj=0&font=9&hot=0&new=0&line=0&lmname=0&open=1&n=36&more=0&t=0&week=0&zzly=0&hit=0&pls=0
这个文件显示的结果必须是js格式
如输出<img src="1.jpg" />
需要写成
document.write("<img src=\"1.jpg\" />")
㈥ 如何用 Bower 编译 jsx
1.安装node，因为ts的编译器是js/ts写的； 安装node后同时获得npm命令，这是nodejs世界里的包管理器（也可以看作node的app商店）； 2.安装vs 2015或者vs code，当然这不是必须的，但是这里强烈推荐写ts的工具，vs第一，vsc第二； 3.vs自带了Type...
㈦ browserify 怎么把jsx转化js
Browserify 可以让你使用类似于 node 的 require() 的方式来组织浏览器端的 Javascript 代码，通过预编译让前端 Javascript 可以直接使用 Node NPM 安装的一些库。
安装：
npm install -g browserify
示例
这是 main.js 的内容，像普通的 nodejs 程序那样使用 require() 加载库和文件：
var foo = require('./foo.js');
var bar = require('../lib/bar.js');
var gamma = require('gamma');
var elem = document.getElementById('result');
var x = foo(100) + bar('baz');
elem.textContent = gamma(x);
导出的方法：
mole.exports = function (n) { return n * 111 }
使用 browserify 编译：
$ browserify main.js > bundle.js
现在 main.js 需要的所有其它文件都会被编译进 bundle.js 中，包括很多层 require() 的情况也会一起被递归式的编译过来。
编译好的 js 可以直接拿到浏览器使用
<script src="bundle.js"></script>
㈧ 最新react弃用了jsxtransformer了那jsx还能用吗
最新react弃用了jsxtransformer了那jsx还能用
这个确实是网络就能解决的问题 补充下楼上的回答
在react 0.14前，浏览器端实现对jsx的编译依赖jsxtransformer.js
在react 0.14后，这个依赖的库改为browser.js
页面script标签的type也由text/jsx改为text/babel
但是以上只能用来测试学习react
生产环境需要借助编译工具事先将jsx编译成js
对应的这个工具也由react-tool更换为babel
㈨ js 和 jsx 有什么区别
js就是前端开发语言，jsx是React框架下用的，要在React框架中的编译器编译成js语言才能使用的
㈩ jsx是javascript的一种语法扩展吗
对的，JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析。
如下(JS写法)
varchild1=React.createElement('li',null,'FirstTextContent');
varchild2=React.createElement('li',null,'SecondTextContent');
varroot=React.createElement('ul',{className:'my-list'},child1,child2);等价于(JSX写法)
varroot=(
<ulclassName="my-list">
<li>FirstTextContent</li>
<li>SecondTextContent</li>
</ul>
);
后者将XML语法直接加入JS中,通过代码而非模板来高效的定义界面。之后JSX通过翻译器转换为纯JS再由浏览器执行。在实际开发中，JSX在产品打包阶段都已经编译成纯JavaScript，JSX的语法不会带来任何性能影响。另外，由于JSX只是一种语法，因此JavaScript的关键字class, for等也不能出现在XML中，而要如例子中所示，使用className, htmlFor代替，这和原生DOM在JavaScript中的创建也是一致的。JSX只是创建虚拟DOM的一种语法格式而已,除了用JSX,我们也可以用JS代码来创建虚拟DOM。