本文介紹vue-cli腳手架工具根目錄的babelrc配置文件
-
介紹
- es6特性瀏覽器還沒(méi)有全部支持，但是使用es6是大勢(shì)所趨，所以babel應(yīng)運(yùn)而生，用來(lái)將es6代碼轉(zhuǎn)換成瀏覽器能夠識(shí)別的代碼卡骂，babel有提供專門的命令行工具方便轉(zhuǎn)碼翠忠，可以自行去了解
-
vue-cli腳手架的.babelrc文件
{ // 此項(xiàng)指明粘姜，轉(zhuǎn)碼的規(guī)則 "presets": [ // env項(xiàng)是借助插件babel-preset-env鬓照，下面這個(gè)配置說(shuō)的是babel對(duì)es6,es7,es8進(jìn)行轉(zhuǎn)碼，并且設(shè)置amd,commonjs這樣的模塊化文件孤紧，不進(jìn)行轉(zhuǎn)碼 ["env", { "modules": false }], // 下面這個(gè)是不同階段出現(xiàn)的es語(yǔ)法豺裆，包含不同的轉(zhuǎn)碼插件 "stage-2" ], // 下面這個(gè)選項(xiàng)是引用插件來(lái)處理代碼的轉(zhuǎn)換，transform-runtime用來(lái)處理全局函數(shù)和優(yōu)化babel編譯 "plugins": ["transform-runtime"], // 下面指的是在生成的文件中号显，不產(chǎn)生注釋 "comments": false, // 下面這段是在特定的環(huán)境中所執(zhí)行的轉(zhuǎn)碼規(guī)則臭猜，當(dāng)環(huán)境變量是下面的test就會(huì)覆蓋上面的設(shè)置 "env": { // test 是提前設(shè)置的環(huán)境變量，如果沒(méi)有設(shè)置BABEL_ENV則使用NODE_ENV押蚤，如果都沒(méi)有設(shè)置默認(rèn)就是development "test": { "presets": ["env", "stage-2"], // instanbul是一個(gè)用來(lái)測(cè)試轉(zhuǎn)碼后代碼的工具 "plugins": ["istanbul"] } } }
