工具集成(ToolingIntegration)

2019-08-14 14:28 更新

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

React

CDN托管的React

我們在我們的下載頁面提供了React的CDN托管版本。這些預構(gòu)建的文件使用UMD模塊格式。直接簡單地把它們放在<script>標簽中將會給你環(huán)境的全局作用域引入一個React對象。React也可以在CommonJS和AMD環(huán)境下正常工作。

使用主分支

我們在GitHub倉庫的主分支上有一些構(gòu)建指令。我們在build/modules下構(gòu)建了符合CommonJS模塊規(guī)范的樹形目錄,你可以放置在任何環(huán)境或者使用任何打包工具,只要支持CommonJS規(guī)范。

JSX

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

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

注意:

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

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

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

有用的開源項目

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


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號