babelrc

最新推荐文章于 2022-06-14 09:58:15 发布

转载最新推荐文章于 2022-06-14 09:58:15 发布 · 115 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gyz418/p/7593571.html

本文介绍了.babelrc文件的两种配置方式：一种为简单版配置，包括es2015、stage-2预设及transform-runtime插件；另一种为最新版配置，采用env预设并指定了目标浏览器版本。此外还提供了相关npm包的版本说明。

.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",

转载于:https://www.cnblogs.com/gyz418/p/7593571.html