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

注释