vue-cli中的.babelrc文件介紹

轉載自：http://www.cnblogs.com/ye-hcj/p/7071850.html

{
　　// 此項指明，轉碼的規則 "presets": [
　　//我的認爲畫蛇添足
    ["es2015", {"modules": false }],  //須要npm install babel-preset-es2015 -D
// env項是藉助插件babel-preset-env，下面這個配置說的是babel對es6,es7,es8進行轉碼，而且設置amd,commonjs這樣的模塊化文件，不進行轉碼
// compiles ES2015+ down to ES5 具體見babel-preset-env官網：https://www.npmjs.com/package/babel-preset-env

    ["env", { "modules": false }],  
// 下面這個是不一樣階段出現的es語法，包含不一樣的轉碼插件
//可參考babel官網 "stage-2"
  ],
  "plugins": [
//// 下面這個選項是引用插件來處理代碼的轉換，transform-runtime用來處理全局函數和優化babel編譯 "transform-runtime",
     //須要npm install babel-plugin-component -D
//官網：http://element-cn.eleme.io/#/zh-CN/component/quickstart
     ["component", [{
        "libraryName": "element-ui",           //按需引用element-ui插件
        //"styleLibraryName": "theme-default"   //按需引用element-ui主題 
     }]]   
  ],
// 下面指的是在生成的文件中，不產生註釋 "comments": false,
// 下面這段是在特定的環境中所執行的轉碼規則，當環境變量是下面的test就會覆蓋上面的設置 "env": {
// test 是提早設置的環境變量，若是沒有設置BABEL_ENV則使用NODE_ENV，若是都沒有設置默認就是development "test": {
      "presets": ["env", "stage-2"],
// instanbul是一個用來測試轉碼後代碼的工具 "plugins": [ "istanbul" ]
    }
  }
}

註釋   Element官網，//官網：http://element-cn.eleme.io/#/zh-CN/component/quickstart

註釋