react項(xiàng)目搭建知識(shí)點(diǎn)

1、require和import的區(qū)別:
歷史:require函數(shù)之前在普通前端項(xiàng)目中需要引入require.js,在react中,使用node js ,require就是node的一個(gè)函數(shù),不用再引用require.js 就可以使用require函數(shù)
二:用法 import 和require的區(qū)別在于,import在編譯時(shí)候被執(zhí)行,require在運(yùn)行時(shí)執(zhí)行,import必須在文件開頭,require可以在代碼中
三:入口文件的配置

Paste_Image.png

配置說明:

babel-core/register:對(duì)文件和api進(jìn)行babel轉(zhuǎn)碼
babel-polyfill: Babel默認(rèn)只轉(zhuǎn)換新的JavaScript語法(syntax),而不轉(zhuǎn)換新的API,如果想讓這些新的api方法運(yùn)行,必須使用babel-polyfill,為當(dāng)前環(huán)境提供一個(gè)墊片

babel-polyfill安裝方法:

npm install --save babel-polyfill 或者yarn add babel-polyfill

babel-polyfill使用方法:在腳本頭部引入

import 'babel-polyfill';   或者  require('babel-polyfill');
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容