本教程咱们学习 Babel 的基础知识，Babel 是一个用于 web 开发，且自在开源的 JavaScript 编译器、转换器。次要用于在以后和较旧的浏览器或环境中将 ECMAScript 2015+ 代码转换为 JavaScript 的向后兼容版本。

名词解释AST：Abstract Syntax Tree, 形象语法树DI: Dependency Injection, 依赖注入===============================================================Babel 的解析引擎Babel 应用的引擎是 babylon，babylon 并非由 babel 团队本人开发的，而是 fork 的 acorn 我的项目，acorn 的我的项目自己在很早之前在趣味部落 1.0 在构建中…

晓得acorn是js的解析器，也晓得babel-parser也是js的解析器，然而他们两个有什么区别吗？首先，@babel/parser（之前就是babylon）是从acorn fork 进去的，只是根本都被重写了，然而有些acorn的算法仍热被沿用下来了。

解剖Babel —— 向前端架构师迈出一小步当聊到Babel的作用，很多人第一反馈是：用来实现API polyfill。事实上，Babel作为前端工程化的基石，作用远不止这些。作为一个宏大的家族，Babel生态中有很多概念，比方：preset、plugin、runtime等。这些概念使初学者对Babel望而却步，对其了解也止步于webpack的babel-loader配置。…

Babel polyfill 和 Babel polyfills 就一个 s 之遥，前者是已被弃用的旧时 Babel 官网基于 regenerator-runtime 和 core-js 保护的 polyfill，后者是仍在测试的当初 Babel 官网保护的 polyfill 抉择 – 策略 – 插件 – 集。

近日，Babel 我的项目外围团队公布博客称陷入财务窘境。为了持续保护和开发 Babel，保障外围开发团队的薪资，Babel 团队向社区申请反对，心愿收到捐献或资助。

 ECMAScript 6(ES6)的倒退速度十分之快，但古代浏览器对ES6新个性反对度不高，所以要想在浏览器中间接应用ES6的新个性就得借助别的工具来实现。

Babel 是一个工具链，次要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便可能运行在以后和旧版本的浏览器或其余环境中。

为了利用可能快速访问, 须要对构建代码进行”减肥”, 将无用代码剔除掉.以后得支流构建框架webpack和rollup等都提供了tree shaking机制, 利用es6得申明式模块零碎语法和语句依赖剖析, 进行高精度得代码剔除. 但tree shaking也存在一些限度, 个别的第三方库都采纳es5语法, 不应用es6的模块语法,导致tree shaking生效.对于这…

babel 每次学习都有新的了解，哪怕是其配置都与咱们前端生态中的各种概念非亲非故。近期再次温习babel常识从而更好的编写js类库，本文是学习过程所做的记录。