如何编译jsx
A. 怎么在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\" />")
B. 如何利用webpack让jsx转化为js
跳过这个教程吧，我不知道你在哪里看的react文档，难道是国内翻译过的那个吗？
现在翻译jsx都是用babel的了，用webpack加载这些loader动态编译js文件自动刷新……直接去英文网站看文档才能跟得上节奏哦，.
javaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。[1]
为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。
C. 使用VSCode编写jsx代码时如何实现标签自动
VSCode是kiddd最喜欢的编辑器，极简而灵活，丰富而且继续丰富着的插件库，配置简单，都吸引着我。众所周知，VSCode在编写HTML代码时可以tab键自动补齐标签。然而在编写.jsx文件的代码时，嵌套的标签就无法享用一键补齐的优待了。
当然，如果这点问题不能解决，VSCode也不能在现代编译器中脱颖而出了。这里kiddd就介绍一种简单的实现方法，你不需要下载任何插件。
1. 打开设置
打开：文件——首选项——设置
over,搞定，配置完之后你就可以在jsx文件中tab补齐标签了。是不是非常简单？开始你的react之旅吧。
D. 原来Babel 能直接编译 JSX.官方用的是哪个
JavaScript 依赖于浏览器的运行环境。是一种解释执行的脚本语言。
所以，只能以文本的形式被解释执行，不能被编译。
有些运行形式，比如.js .hta 的执行方式看似一个独立的应用程序。其实后台也是解释执行的。
E. react script 编译配置
创建一个index.html文件，并且在这个文件中引入main.js的javascript程序文件，我们要做的就是编译生成main.js的javascript文件。
二、在webpack.config.js文件中设置一个html插件的实例对象，
并制定的打包入口文件为index.html
在创建打包的配置对象的时候，传入这个html插件的实例对象
下面是webpack.config.js文件中的配置
(1) 创建html插件的实例对象，并指定webpack的打包入口文件，约定大于配置，默认入口文件是index.js
(2) 创建webpack打包的配置信息，传入上一步创建好的html插件对象
(3) 设置webpack打包的时候是否需要进行压缩
(4) 设置webpack打包时的调试模式source-map
(5) 设置第三方模块的配置规则，设置jsx文件的编译包为babel-loader
设置scss文件的编译包为style-loader，并且开启css模块化
设置css文件的编译包为style-loader
F. 如何使用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文件。
G. 如何使用react-tools将jsx编译成JavaScript
JavaScript 依赖于浏览器的运行环境。是一种解释执行的脚本语言。所以，只能以文本的形式被解释执行，不能被编译。有些运行形式，比如.js .hta 的执行方式看似一个独立的应用程序。其实后台也是解释执行的。
H. 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>
I. 如何用 Bower 编译 jsx
1.安装node，因为ts的编译器是js/ts写的； 安装node后同时获得npm命令，这是nodejs世界里的包管理器（也可以看作node的app商店）； 2.安装vs 2015或者vs code，当然这不是必须的，但是这里强烈推荐写ts的工具，vs第一，vsc第二； 3.vs自带了Type...
J. HBuilder如何配置jsx预编译器
前去官网下载HBuilder
解压、创建快捷方式
安装插件
配置外部服务器
5
浏览器运行URL，一定要是apache项目的主目录