工具集成（ToolingIntegration）

每個(gè)項(xiàng)目使用不同的系統(tǒng)來(lái)構(gòu)建和部署JavaScript。我們嘗試盡量讓React環(huán)境無(wú)關(guān)。

React

CDN托管的React

我們?cè)谖覀兊?a rel="nofollow" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" target="_blank" style="box-sizing: border-box; font-family: Verdana, 'Lantinghei SC', 'Hiragino Sans GB', 'Microsoft Yahei', Helvetica, arial, 宋體, sans-serif; background-color: transparent; color: rgb(45, 133, 202); text-decoration: none;">下載頁(yè)面提供了React的CDN托管版本。這些預(yù)構(gòu)建的文件使用UMD模塊格式。直接簡(jiǎn)單地把它們放在<script>標(biāo)簽中將會(huì)給你環(huán)境的全局作用域引入一個(gè)React對(duì)象。React也可以在CommonJS和AMD環(huán)境下正常工作。

使用主分支

我們?cè)?a rel="nofollow" href="http://o2fo.com/targetlink?url=https://github.com/facebook/react" target="_blank" style="box-sizing: border-box; font-family: Verdana, 'Lantinghei SC', 'Hiragino Sans GB', 'Microsoft Yahei', Helvetica, arial, 宋體, sans-serif; background-color: transparent; color: rgb(45, 133, 202); text-decoration: none;">GitHub倉(cāng)庫(kù)的主分支上有一些構(gòu)建指令。我們?cè)?code style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 13px; padding: 2px 4px; color: rgb(45, 133, 202); background-color: rgb(249, 242, 244); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;">build/modules下構(gòu)建了符合CommonJS模塊規(guī)范的樹(shù)形目錄，你可以放置在任何環(huán)境或者使用任何打包工具，只要支持CommonJS規(guī)范。

JSX

瀏覽器中的JSX轉(zhuǎn)換

如果你喜歡使用JSX，我們在我們的下載頁(yè)面提供了一個(gè)用于開(kāi)發(fā)的瀏覽器中的JSX轉(zhuǎn)換器。簡(jiǎn)單地用一個(gè)<script type="text/jsx">標(biāo)簽來(lái)觸發(fā)JSX轉(zhuǎn)換器。

注意：

瀏覽器中的JSX轉(zhuǎn)換器是相當(dāng)大的，并且會(huì)在客戶端導(dǎo)致無(wú)謂的計(jì)算，這些計(jì)算是可以避免的。不要在生產(chǎn)環(huán)境使用 - 參考下一節(jié)。

生產(chǎn)環(huán)境化：預(yù)編譯JSX

如果你有npm，你可以簡(jiǎn)單地運(yùn)行npm install -g react-tools來(lái)安裝我們的命令行jsx工具。這個(gè)工具會(huì)把使用JSX語(yǔ)法的文件轉(zhuǎn)換成純的可以直接在瀏覽器里面運(yùn)行起來(lái)的JavaScript文件。它也會(huì)為你監(jiān)視目錄，然后自動(dòng)轉(zhuǎn)換變化的文件；例如：jsx --watch src/ build/。運(yùn)行jsx --help來(lái)查看更多關(guān)于如何使用這個(gè)工具的信息。

有用的開(kāi)源項(xiàng)目

開(kāi)源社區(qū)開(kāi)發(fā)了在幾款編輯器中集成JSX的插件和構(gòu)建系統(tǒng)。點(diǎn)擊JSX集成查看所有內(nèi)容。