1. 什么是babel 针对于新出的ECMAScript标准，部分浏览器还不能完全兼容，需要将这部分语法转换为浏览器能够识别的语法。比如有些浏览器不能正常解析es6中的箭头函数，那通过babel转换后，就能将箭头函数转换为浏览器能够“认懂”得语法。 针对于一些较老的浏览器，比如…

✨满满的干货，不容错过哦. 写文不易，点赞是最大的鼓励。 文章下篇已经更新：深入浅出 Babel 下篇：既生 Plugin 何生 Macros 有点冷清，赞起来。 上图是 Babel 的处理流程, 如果读者学习过编译器原理，这个过程就相当亲切了. 1️⃣词法解析(Lexical…

首先建议阅读 Babel Plugin Handbook，这份文档虽然比较老（2017），但是还是介绍了编写插件的基础知识。（当然这里还有一份不完整的中文版） Babylon -> @babel/parser： Babel 的解析器。最初是从 Acorn 项目 fork 出来的…

既然标题说了是深入Babel，那我们就不说Babel各种用法了，什么babel-core，babel-runtime，babel-loader……如果你想了解这一部分内容，这类文章很多，推荐最近看到的一篇：一口(很长的)气了解 babel，可以说是相当详实完备了。 言归正传，这…

对 Babel 的配置项的作用不那么了解，是否会影响日常开发呢？老实说，大多情况下没有特别大的影响（毕竟有搜索引擎）。 不过呢，还是想更进一步了解下，于是最近认真阅读了 Babel 的文档，外加不断编译验证，输出了本篇文章，为了更好的阅读体验，修修改改，最终算是以我个人比较喜欢…

Babel，已经是每个项目都必不可少的依赖了。不过大多数同学可能并没有自己配置 Babel 的经验和机会 简单说就是源码通过 Babel 处理后会得到向后兼容的代码。我们可以按照这个逻辑写出最简单的 Babel 用例 可以发现待转化的源码没有任何变化。因为 @babel/cor…

babel到底是用来做什么的？简单来讲，babel就是用来做语法编译的，它可以将一些es6+的高级语法编译为浏览器可以识别的es5。通常，我们可以在通过配置presets和plugins来规定babel要怎么编译你的代码。presets其实是一些列plugin的集合，是预先设置…