01.3 Babel入门

基于Babel 7.x

Babel

Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。下面列出的是 Babel 能为你做的事情：

- 语法转换

- 通过 Polyfill 方式在目标环境中缺失的特性 （通过 [@babel/polyfill]（https://www.babeljs.cn/docs/babel-polyfill） 模块，目前默认是不启用）

- 源码转换 （codemods）

小贴士：Babel核心是一个 JavaScript 编译器，为了解决兼容性附加的编译过程（与webpack也不同）

Babel的特性

插件：Babel 构建在插件之上，使用现有的或者自己编写的插件可以组成一个转换管道。

preset：通过使用或创建一个 preset 即可轻松使用一组插件。preset-env可以通过目标运行环境反推所需的转换插件列表，推荐使用。

polyfill： polyfill模块包括 core-js 和一个自定义的 regenerator runtime 模块用于模拟完整的 ES2015+ 环境。

    注意：babel-polyfill 可能会增加很多根本没有用到的 polyfill。Babel也提供了单独引用core-js模块、useBuiltIns参数、plugin-transform-runtime等使用方式，可以根据情况选择使用。在开发公共库（非业务代码）时和需要精简代码大小时，需要去进一步考虑这些使用方式。

    // 在目前的Babel版本（7.4.0）中，polyfill已经被拆分为core-js/stable和regenerator-runtime/runtime

小贴士：Babel 通过插件、preset的可选、自定义，提供了很强的定制性。