babelrc

Posted gyz418

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了babelrc相关的知识,希望对你有一定的参考价值。

.babelrc文件 

// 简单版
{
  "presets": ["es2015", "stage-2"],   // 使用 es2015  npm install  babel-preset-es2015
  "plugins": ["transform-runtime"],   // 处理全局函数和优化babel编译
  "comments": false                   // 不产生注释
}
"stage-2" 代码不同阶段出现的es语法,包含不同的转码插件   stage-0 包含 stage-1,stage-1包含stage-2

// 最新

{
  "presets":[ 
    ["env",{          // 使用 env 包含es2015+ 
        "targets":{
            "browsers":["last 2 version","safari >=7","ie 6-8"]   // 指定浏览器环境
        }
    }],
    ["stage-0"]
    ]
  "plugins": ["transform-runtime"],   
  "comments": false     
}

 相应的 npm package

   "babel-plugin-transform-runtime": "^6.23.0",
    "babel-preset-env": "^1.4.0",  //  "env"    "es2015"就是  babel-preset-es2015
    "babel-preset-stage-2": "^6.24.1",

 

以上是关于babelrc的主要内容,如果未能解决你的问题,请参考以下文章

babelrc

vue-cli中的babel配置文件.babelrc详解

如何像在 babelrc 中创建依赖别名一样在 typescript 中创建类型别名?

深入浅出的webpack构建工具---babel之配置文件.babelrc

是:如何为is创建单独的.babelrc文件

[转] 如何写好.babelrc?Babel的presets和plugins配置解析