Babel 6 概述

babel-core

只转换语法(如箭头函数)

babel-polyfill

由core-js和regenerator runtime组成。

1 core-js用来支持新的全局变量(例如 Promise、Symbol等) 、新的原生方法(如 String.padStart等)。

2 regenerator runtime由facebook提供,用ES 5实现了生成器函数(GeneratorFunction)、迭代器(AsyncIterator)。

生成器函数(function *)、async/await函数会被编译成regenerator runtime实现的生成器函数、迭代器来运行。

Presets(预设)

1 babel-preset-env:指定目标环境(浏览器类型、浏览器版本)

2 babel-preset-stage-x:对现在尚未被批准发布的部分进行转换。

  

 TC39委员会将提案分为以下阶段:

  • Stage 0 - 稻草人: 只是个想法可能会有相关的 Babel 插件。
  • Stage 1 - 提议: 值得深入。
  • Stage 2 - 草稿: 初始规范。
  • Stage 3 - 候选: 完整的规范和初始浏览器实现。
  • Stage 4 - 结束: 将被添加到下一个年度版本中。

3 babel-preset-react用来编译JSX语法

4 babel-preset-vue用来编译Vue

Plugins(插件)

控制babel的编译行为。

babel-plugin-transform-runtime可以设置编译后的脚本文件引用公共函数等,而不是每个脚本文件都持有一个副本,导致代码冗余。

上一篇:iOS中 通知中心Text (实例)


下一篇:java中break和continue跳出指定循环(转载)