最近几年，如果你是一名前端开发者，如果你没有应用甚至据说过 babel，可能会被当做穿梭者吧？说到 babel，一连串名词会蹦出来：babel-clibabel-corebabel-runtimebabel-nodebabel-polyfill…这些都是 babel 吗？他们别离是做什么的？有区别吗？babel 到底做了什么？怎么做的？简略来说把 JavaScript 中 es2015/2016/20…

本节咱们来讲一下 @babel/register。应用 Babel 的办法之一就是通过 require 钩子（hook），require 钩子将本身绑定到 node 的 require 模块上，并在运行时主动编译文件。这和 CoffeeScript 的 coffee-script/register 相似。

Babel 中应用辅助函数来实现常见性能，例如 _extend() 函数，每个编译后的文件都须要定义它所须要应用的辅助函数。但这样显然会造成很多反复，所以 Babel 把所有的辅助函数都封装于 @babel/runtime，每个编译后的文件只须要援用 @babel/runtime 即可。

Babel 中默认只转换新的 JavaScript 句法，例如箭头函数、扩大运算符等。然而不会转换新的 API，像是Set、Maps、Iterator、Generator 、Symbol、Reflect 等全局对象，以及一些定义在全局对象上的办法都不会进行转译。如果想应用这些新的对象和办法，则须要为以后环境提供一个 polyfill 垫片。

本节咱们来学习 Babel 中的预设 Presets。如果咱们不想手动的组合插件，能够应用 preset 作为 Babel 插件的组合，或者共享 options 配置。

Babel 是一个编译器，和其余编译器一样，编译过程分为三个阶段，别离是解析（parsing）、转换（transforming）和生成（generate）。其中剖析和生成阶段由 Babel 外围实现，而转换阶段，则由Babel插件实现。所以如果咱们要实现代码的转换，须要为 Babel 增加插件。Babel 也提供了很多的接口来供咱们编写本身的插件来转换…

本节咱们学习 Babel 的配置，许多工具都有本人的配置文件，例如ESLint 的配置文件为 .eslintrc，Prettier 的配置文件为 .prettierrc。

咱们在学习 Babel 的应用能够抉择一个编辑器。当初很多风行的编辑器都反对 ES2015+ 语法高亮显示，并且此性能开箱即用，而后有一些编辑器则须要装置额定的扩大。

大家好，我是卡颂。当聊到Chrome，你第一反馈是啥？市占率第一的浏览器？鼎鼎大名的V8引擎？浏览器调试的标配——DevTools？对于Chrome团队成员来说，第一反馈很可能是这两个指标（KPI）：UX（user experience）用户体验DX（developer experience）开发者体验作为开发者，置信你能感触到诸多围绕这两个指标的改良：底层V8…

本节咱们来学习如何装置 Babel。装置 Babel 后咱们就能够将应用 ES2015 + 语法的 JavaScript 利用程序代码，编译为可在以后浏览器中应用的代码。本教程咱们学习 Babel7 版本的常识。