❶ 怎麼在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\" />")
❷ 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>