每個(gè)項(xiàng)目使用不同的系統(tǒng)來構(gòu)建和部署JavaScript。我們嘗試盡量讓React環(huán)境無關(guān)。
我們在我們的下載頁面提供了React的CDN托管版本。這些預(yù)構(gòu)建的文件使用UMD模塊格式。直接簡單地把它們放在<script>
標(biāo)簽中將會(huì)給你環(huán)境的全局作用域引入一個(gè)React
對(duì)象。React也可以在CommonJS和AMD環(huán)境下正常工作。
我們在GitHub倉庫的主分支上有一些構(gòu)建指令。我們在build/modules
下構(gòu)建了符合CommonJS模塊規(guī)范的樹形目錄,你可以放置在任何環(huán)境或者使用任何打包工具,只要支持CommonJS規(guī)范。
如果你喜歡使用JSX,我們在我們的下載頁面提供了一個(gè)用于開發(fā)的瀏覽器中的JSX轉(zhuǎn)換器。簡單地用一個(gè)<script type="text/jsx">
標(biāo)簽來觸發(fā)JSX轉(zhuǎn)換器。
注意:
瀏覽器中的JSX轉(zhuǎn)換器是相當(dāng)大的,并且會(huì)在客戶端導(dǎo)致無謂的計(jì)算,這些計(jì)算是可以避免的。不要在生產(chǎn)環(huán)境使用 - 參考下一節(jié)。
如果你有npm,你可以簡單地運(yùn)行npm install -g react-tools
來安裝我們的命令行jsx
工具。這個(gè)工具會(huì)把使用JSX語法的文件轉(zhuǎn)換成純的可以直接在瀏覽器里面運(yùn)行起來的JavaScript文件。它也會(huì)為你監(jiān)視目錄,然后自動(dòng)轉(zhuǎn)換變化的文件;例如:jsx --watch src/ build/
。運(yùn)行jsx --help
來查看更多關(guān)于如何使用這個(gè)工具的信息。
開源社區(qū)開發(fā)了在幾款編輯器中集成JSX的插件和構(gòu)建系統(tǒng)。點(diǎn)擊JSX集成查看所有內(nèi)容。