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');