跳到主要内容

Babel

介绍

Babel 的发展历史 Babel 在版本 4.0 之前叫做"6to5”,由澳大利亚的塞巴斯蒂安(Sebastian)在他的 2014 年十一月(那是他的高中时期)开始发布的,看 6to5 这个名字就懂了,最初就是将 ES6 的代码转换成 ES5 的代码,2015 年与 ESNext 合并,并改名成 Babel。Babel 的意思是"巴别塔"。 由 6 to5 重命名为 bebel 前,6to5 已经走过了三个版本,所以重命名后的 babel 从版本 4.0 开始,此时已经能够转译 ES7 创建了插件系统来支持自定义转译 同年又发布 6.0,拆分了几个核心包,与 JSX2015 年发布 5.0,引入了舞台,引入市预设和插件/预设选项的概念,18 年,发布了 7.0,除了性能方面的提升以外,增加了对 typescript 的支持,对安装包使用@Babel 的命名空间。

作用

Babel 并不支持对 ts 进行类型检测,只支持转换这一步

主要用于将采用 ECMAScript2015+语法编写的代码转换为 es5 语法,让开发者无视用户浏览器的差异性,并且能够用新的 JS 语法及特性进行开发。除此之外,Babel 能够转换 JSX 语法,并且能够支持 TypeScript 转换为 JavaScript。 总结一下:Babel 的作用如下

  • 语法转换
  • 通过(Polyfill)方式在目标环境中添加缺失的特性
  • 源码转换 有些新语法:只是语法糖 特性:一些新的方法,有些难以基于原先的语法实现

插件