主要包括：Babel如何进行转码、插件编写的入门基础、实例讲解如何编写插件。 阅读本文前，需要读者对Babel插件如何使用、配置有一定了解，可以参考笔者之前的文章。 本文所有例子可以在 笔者的github 找到，欢迎访问笔者博客获取更多相关文章。 首先来了解Babel转码的过程…

如今的前端界已经离不开ES6，然而老旧浏览器并不支持，项目中特别是国内公司又需要兼容低版本的老旧浏览器，多亏了babel这个神奇的工具，可以让我们的ES6代码运行在旧浏览器中。 大部分前端开发人员只是配置一下babel，根据需要装个插件之类，我想肯定少有人去研究babel转换E…

遂卒.... 开玩笑的，既然提到了，又没回答上来什么，哎哟我这暴脾气，一想到今晚就睡不着，连夜把它撸了。 那么我们来从零写个插件吧。 你会发现Babel解析成表达式里面再嵌套表达式。 到这里，已经向你大概的讲解了，如何编写一个Babel插件，再也不怕面试官问我答不出什么了哈..…

本文主要内容包括：什么是Babel Plugin、Babel Preset，两者的区别与联系、如何使用plugin/preset、如何创建自定义preset、使用注意事项。 本文所有例子可在 笔者github 上 找到。

本文主要内容包括：什么是babel-runtime、如何使用、使用场景与限制、如何结合babel-polyfill进行性能优化。 本文所有例子可以在 笔者的github 找到。

babel的过程：解析——转换——生成。 比如我们在读一句话的时候，我们也会做分词操作，比如：“今天天气真好”，我们会把他切割成“今天”，“天气”，“真好”。 那换成js的解析器呢,我们看一下下面一个语句console.log(1);,js会看成console,.,log,(,…

babel 用法及其 .babelrc 的配置详解，想做前端架构，拒绝一知半解

“用于编写下一代JavaScript的编译器”。随着时间推移，JavaScript也在慢慢进化，新的特性和语法随之出现，然而各个浏览器厂商并没有完全的支持，所以要有个工具，把新的特性和语法翻译成浏览器都认可的标准语法，Babel应运而生...

Babel 默认只转换新的 JavaScript语法，而不转换新的API。例如，Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法都不会转译。如果想使用这些新的对象和方法，…