今天小編給大家分享一下怎么搭建React的運(yùn)行環(huán)境的相關(guān)知識點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

創(chuàng)新互聯(lián)建站主要從事成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)卓資,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220

這里有兩種方式，一種是使用npm，另一種是不使用npm。下面我們先來看不使用npm的方式。

不用npm的方式引入React

對于這種方式，我們需要首先下載React和React-dom的庫文件。然后引入到html文件中。

 
   
   
   
   
   
 
 
   

上面的例子中，在Javascript中的XML語法被稱為JSX，對于這種語法，在
   
   
 
 
   

這里需要注意，這種情況有的瀏覽器（例如谷哥瀏覽器）是無法加載src/hw.js的，只能通過http地址的方式才可以加載。這是官網(wǎng)上說的，我沒有驗(yàn)證過，不過我們最好是通過url絕對地址的方式來引入上面的文件。

對于這樣的方式，其實(shí)最消耗時(shí)間的是通過babel將JSX轉(zhuǎn)換成Javascript語法的過程。因此我們通常是將這一步放在服務(wù)器上面執(zhí)行的。也就是說我們一般情況下是不直接在客戶端使用buile/browser.min.js來轉(zhuǎn)換JSX的。所以在瀏覽器解析之前就已經(jīng)由服務(wù)器直接轉(zhuǎn)換完成，客戶端直接去調(diào)用轉(zhuǎn)換完成的文件即可。

服務(wù)器端轉(zhuǎn)換

首先我們應(yīng)該在服務(wù)器端先安裝babel

# npm install –global babel-cli
# npm install babel-preset-react

然后開始轉(zhuǎn)換我們先前新建的src/hw.js文件

以上就是“怎么搭建React的運(yùn)行環(huán)境”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。