介紹
es6特性瀏覽器還沒(méi)有全部支持,但是使用es6是大勢(shì)所趨,所以babel應(yīng)運(yùn)而生,用來(lái)將es6代碼轉(zhuǎn)換成瀏覽器能夠識(shí)別的代碼
babel有提供專門(mén)的命令行工具方便轉(zhuǎn)碼,可以自行去了解
什么是Babel
官方解釋,是下一代JavaScript 語(yǔ)法的編譯器。
既然是下一代Javascript的標(biāo)準(zhǔn),瀏覽器因版本的不同對(duì)此會(huì)有兼容性問(wèn)題,JavaScript的新的方法都不能使用,但是目前我們?cè)陧?xiàng)目開(kāi)發(fā)一直提倡使用最新的語(yǔ)法糖編寫(xiě),不但能減少代碼量,而且async,await等新特性還解決了回調(diào)的編寫(xiě)機(jī)制,減輕了代碼維護(hù)成本。
Babel就因此而生,它可以讓你放心使用大部分的JavaScript的新的標(biāo)準(zhǔn)的方法,然后編譯成兼容絕大多數(shù)的主流瀏覽器的代碼。在項(xiàng)目工程腳手架中,一般會(huì)使用.babelrc文件,通過(guò)配置一些參數(shù)配合webpack進(jìn)行打包壓縮。也通過(guò)網(wǎng)上了解,寫(xiě)法各有不同,參數(shù)也大不相同,因此,我重新整理一份資料,詳細(xì)的介紹下各個(gè)配置項(xiàng)的意義所在,以便清晰了解如果使用。
以下配置主要正對(duì)webpack3+寫(xiě)法。
Babel轉(zhuǎn)譯器
在.babelrc配置文件中,主要是對(duì)預(yù)設(shè)(presets)和插件(plugins)進(jìn)行配置,因此不同的轉(zhuǎn)譯器作用不同的配置項(xiàng),大致可分為以下三項(xiàng):
1.語(yǔ)法轉(zhuǎn)義器。主要對(duì)javascript最新的語(yǔ)法糖進(jìn)行編譯,并不負(fù)責(zé)轉(zhuǎn)譯javascript新增的api和全局對(duì)象。例如let/const就可以被編譯,而includes/Object.assign等并不能被編譯。常用到的轉(zhuǎn)譯器包有,babel-preset-env、babel-preset-es2015、babel-preset-es2016、babel-preset-es2017、babel-preset-latest等。在實(shí)際開(kāi)發(fā)中可以只選用babel-preset-env來(lái)代替余下的,但是還需要配上javascirpt的制作規(guī)范一起使用,同時(shí)也是官方推薦
{ "presets": ["env", { "modules": false }], "stage-2" }
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
網(wǎng)站欄目:babel之配置文件.babelrc入門(mén)詳解-創(chuàng)新互聯(lián)
文章出自:http://www.rwnh.cn/article32/cepspc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動(dòng)網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、外貿(mào)建站、微信小程序、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容