Babel 是一个 JavaScript 转译器，它可以将 ECMAScript 2015+ (ES6+) 的语法转换为向后兼容的 JavaScript 版本，以便于在旧版浏览器和环境中运行。Babel 是一个开源项目，由社区推动维护，并且是现代 Web 开发中必不可少的一部分。
Babel
Babel 是 JavaScript 的编译器，可以将新版本的 JavaScript 代码转换成向后兼容的 JavaScript 代码。通过使用 Babel，你可以在没有浏览器原生支持新特性的情况下，使用最新的 JavaScript 语言特性。例如，你可以使用箭头函数、解构赋值、模板字符串和 let/const 等等。
-- --- ----- -------- - ------ -- ------- ---------- -- ---------- --- ---- -------- --- -------- - -------- -------------- - ------ ------- - - ---- - ---- --
Babel-core
Babel-core 是 Babel 的核心库，它提供了 API，用于在 Node.js 中对 JavaScript 代码进行转换。通过使用 Babel-core，你可以将 Babel 集成到自己的构建工具或其他应用程序中。
----- ----- - ----------------------- ----- ---- - ------ -------- - ------ -- ------- ------------ ----- ------ - ------------------------- - -------- --------------------- --- -------------------------
Babel-loader
Babel-loader 是 Webpack 中的一个插件，用于将 JavaScript 代码转换成向后兼容的 JavaScript 版本。通过使用 Babel-loader，你可以在 Webpack 中自动转换 ES6+ 语法。
-------------- - -
------- -
------ -
-
----- --------
-------- ---------------
---- -
------- ---------------
-------- -
-------- ---------------------
-
-
-
-
-
--Babel-preset-2015
Babel-preset-2015（现在已经被废弃，推荐使用 @babel/preset-env 替代）是 Babel 的预设之一，它包含了将 ES6+ 代码转换为 ES5 的所有插件。如果你仅需要将 ES6+ 转换成 ES5，那么可以使用 Babel-preset-2015。
- ---------- ---------- -
Babel-preset-react
Babel-preset-react 是 Babel 的另一个预设，它包含了将 JSX 转换为纯 JavaScript 代码所需的插件。如果你正在使用 React，那么需要使用 Babel-preset-react。
- ---------- --------- -
Babel-polyfill
Babel-polyfill 是一个 JavaScript 库，用于模拟完整的 ES6 环境。通过使用 Babel-polyfill，你可以在旧版浏览器和环境中使用新的 JavaScript 语言特性。
------ ----------------- ----- -------- - ------ -- ------- ---------- -------------------------------
总结
Babel 是一个非常强大的工具，它可以让我们使用最新的 JavaScript 语言特性并且还能够兼容旧版浏览器和环境。在实际开发中，我们可以根据自己的需求选择不同的 Babel 模块来进行配置，并且通过 Webpack 和其他构建工具来集成到项目中。同时，在使用 Babel 的过程中，我们也需要注意一些性能和代码规范上的问题。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/606ed6aa2d2a29a3c1201b03