babel-runtime：Babel运行时库的功能与应用

babel-runtime 是 Babel 提供的一个运行时库，主要用于解决在代码转换过程中引入的辅助函数（helper functions）和 polyfill 的问题。它的主要作用可以总结为以下几点：

1. 减少代码冗余

• 当 Babel 转换 ES6+ 代码时，会生成一些辅助函数（如 _classCallCheck、_defineProperty 等）来支持新语法的实现。
• 如果不使用 babel-runtime，这些辅助函数会被直接插入到每个文件中，导致代码冗余。
• babel-runtime 将这些辅助函数提取到一个单独的模块中，通过引用的方式复用，从而减少代码体积。

2. 避免全局污染

• 某些 Babel 插件（如 @babel/plugin-transform-runtime）会使用 babel-runtime 来引入 polyfill（如 Promise、Symbol 等）。
• 这些 polyfill 不会直接修改全局对象（如 window 或 global），而是通过模块化的方式引入，避免污染全局环境。

3. 支持模块化

• babel-runtime 以模块化的方式提供辅助函数和 polyfill，适合在模块化开发中使用。
• 通过 @babel/plugin-transform-runtime 插件，Babel 会自动将辅助函数和 polyfill 替换为对 babel-runtime 的引用。

4. 优化构建体积

• 由于辅助函数和 polyfill 被提取到 babel-runtime 中，构建后的代码体积会更小，尤其是在多个文件共享相同辅助函数的情况下。

如何使用 babel-runtime？

1. 安装依赖：

   npm install --save @babel/runtime
   npm install --save-dev @babel/plugin-transform-runtime
   

2. 配置 Babel（在 .babelrc 或 babel.config.js 中）：

   {
     "plugins": [
       ["@babel/plugin-transform-runtime", {
         "corejs": 3 // 可选，使用 core-js 提供 polyfill
       }]
     ]
   }
   

3. 代码中使用：
   Babel 会自动将辅助函数和 polyfill 替换为对 babel-runtime 的引用。

注意事项

• babel-runtime 本身不包含 polyfill，如果需要 polyfill，可以结合 core-js 使用（通过 @babel/plugin-transform-runtime 的 corejs 选项）。
• 与 babel-polyfill 不同，babel-runtime 不会修改全局环境，适合库开发或模块化项目。

总结来说，babel-runtime 是一个优化工具，用于减少代码冗余、避免全局污染，并支持模块化开发，是现代前端工程化中的重要一环。