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

注释

 

posted @ 2017-12-21 12:15  仔行天下  阅读(13051)  评论(0编辑  收藏  举报