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