如何編譯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項目的主目錄