集合-babel的使用以及原理

关注“重度前端”

助力前端深度学习

━━━━━

前言

这是不是一篇文章，这是一个系列，不定期整理babel相关有价值的文章，帮助前端同行更好的理解和使用babel，间接的传递掌握技术原理对我们技术发展的重要性以及深渊意义。

为什么要深入学习babel

普遍的观点认为，前端就是打好 HTML、CSS、JS 三大基础，深刻理解语义化标签，了解 N 种不同的布局方式，掌握语言的语法、特性、内置 API。再学习一些主流的前端框架，使用社区成熟的脚手架，即可快速搭建一个前端项目。胜任前端工作非常容易。再往深处学习，你会发现前端这个领域，总是有学不完的框架、工具、库，不断有新的轮子出现。技术推陈出新，版本快速迭代，但万变不离其宗。工具致力于流程自动化、规范化，服务于简洁、优雅、高效的编码，将问题高度抽象化、层次化。在如今前端开源界如此火热的现状下，框架的使用者与框架的维护者联系更加紧密，不仅能深入源码来更彻底地认识框架，还能够提出问题，参与讨论，贡献代码，共同解决技术问题，推进前端生态的发展和壮大。而编译原理，作为一门基础理论学科，除了 JS 语言本身的编译器之外，更成为 Babel、ESLint、Stylus、Flow、Pug、YAML、Vue、React、Marked 等开源前端框架的理论基石之一。了解编译原理能够对所接触的框架有更充分的认识。

babel相关知识点文章从这里开始

---

剖析babel-babel总览

http://www.alloyteam.com/2017/04/analysis-of-babel-babel-overview/#prettyPhoto