vue-cli腳手架.babelrc文件的使用方法？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

公司主營業(yè)務(wù)：做網(wǎng)站、成都網(wǎng)站建設(shè)、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)建站是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)建站推出新邵免費做網(wǎng)站回饋大家。

什么是.babelrc文件呢？ 熟悉linux的同學(xué)一定知道，rc結(jié)尾的文件通常代表運行時自動加載的文件，配置等等，類似bashrc,zshrc

這個文件是用來設(shè)置轉(zhuǎn)碼的規(guī)則和插件

vue-cli腳手架的.babelrc文件

{
 // 此項指明，轉(zhuǎn)碼的規(guī)則
 "presets": [
 // env項是借助插件babel-preset-env，下面這個配置說的是babel對es6,es7,es8進行轉(zhuǎn)碼，并且設(shè)置amd,commonjs這樣的模塊化文件，不進行轉(zhuǎn)碼
 ["env", {
  "modules": false ,
  "targets": {//需要支持的環(huán)境
  "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
  }
 }],
 // 下面這個是不同階段出現(xiàn)的es語法，包含不同的轉(zhuǎn)碼插件
 // stage-x和es2015等有些類似，但是它是按照JavaScript的提案階段區(qū)分的，一共有5個階段。
 //而數(shù)字越小，階段越靠后，存在依賴關(guān)系。也就是說stage-0是包括stage-1的，以此類推。
 "stage-2"
 ],
 // 下面這個選項是引用插件來處理代碼的轉(zhuǎn)換，transform-runtime用來處理全局函數(shù)和優(yōu)化babel編譯，強烈推薦使用transform-runtime
 "plugins": ["transform-runtime"],
 // 下面指的是在生成的文件中，不產(chǎn)生注釋
 "comments": false,
 // 下面這段是在特定的環(huán)境中所執(zhí)行的轉(zhuǎn)碼規(guī)則，當(dāng)環(huán)境變量是下面的test就會覆蓋上面的設(shè)置
 "env": {
 // test 是提前設(shè)置的環(huán)境變量，如果沒有設(shè)置BABEL_ENV則使用NODE_ENV，如果都沒有設(shè)置默認就是development
 "test": {
  "presets": ["env", "stage-2"],
  // instanbul是一個用來測試轉(zhuǎn)碼后代碼的工具
  "plugins": ["istanbul"]
 }
 }
}

網(wǎng)頁名稱：vue-cli腳手架.babelrc文件的使用方法-創(chuàng)新互聯(lián)
鏈接地址：http://weahome.cn/article/diieip.html