在前端开发中，Babel 已经成为了不可或缺的一部分。它能够将最新版本的 JavaScript 代码（ES6、ES7、ES8 等）转换为能够在当前浏览器中运行的代码。Babel7 是 Babel 的最新版本，相比于 Babel6，它带来了以下几个更新：
1. @babel/* 替换 babel-* 包
在 Babel6 中，插件的名称为 babel-plugin-name，在 Babel7 中，插件的名称为 @babel/plugin-name。这样做的好处是，由于 Babel 的生态圈越来越大，不同的插件可能会有相同的名称，使用 @babel 命名空间可以避免命名冲突。
2. 对 Polyfill 的支持更好
Babel7 支持了全局的 polyfill，它能够模拟完整的 ES6 环境。这意味着你可以在并不支持 Promise、Set、Map 等新特性的浏览器中使用它们。将 core-js/stable 和 regenerator-runtime/runtime 包导入你的代码中后，polyfill 即可生效。
-- -------------------- ---- ------- ------ ----------------- ------ ------------------------------ ----- --- - -------------- ------- -- -- ----- ----------------- -- --- -- -- ----- -------- ------ - ----- ------------------------- - ------------------------- -- -----
3. 支持更多 Stage-x 特性
比如，Babel7 支持了 Object rest/spread、class properties 等一系列 Stage-x 特性的转换。举个例子，你可以在 class 中直接使用属性：
-- -------------------- ---- -------
----- ---- -
----- - -
------ --
--
------------- -
--------------- ------ ---------------- - - ---
-
-4. 自定义插件更简单
Babel7 提供了一个新的插件 API，它允许你更容易地编写自定义的 Babel 插件。相比于 Babel6，更少的 API 和更好的文档使得编写插件变得更加容易。
总结
Babel7 为前端开发带来了许多便利，更好的 Polyfill、支持更多 Stage-x 特性、自定义插件更简单等等，这些更新都将有助于我们写出更加先进、规范和易于维护的前端代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c6fd2010032fedd3904804