什么是 babel-runtime
babel-runtime 是 babel 编译出来的 ES5 代码中需要引用的一些辅助函数，这些函数是为了解决 ES5 编译后的代码与原来的 ES6 代码的语义差异而引入的，在 babel 编译过程中默认不会将这些函数内联到编译后的代码中。因此，如果要将 ES5 代码在任何场景下正常运行，就需要使用 babel-runtime 包。
安装和使用方法
在使用 babel-runtime 时，需要首先安装该 npm 包：
--- ------- ------------- ------
在安装完成后，可以将该包添加到 webpack 的配置文件中，以确保 webpack 在编译时能够正确地将 ES6 代码转译为 ES5 代码：
-------------- - -
-- ---
------ -
-
----- --------
-------- ---------------
---- -
------- ---------------
-------- -
-------- ----------------------
-------- -----------------------------------
-
-
-
-
--在此配置中，@babel/plugin-transform-runtime 插件会自动将 babel-runtime 包中的函数引入到编译后的代码中，从而消除了运行时错误。
另外，需要注意的是，@babel/plugin-transform-runtime 插件的使用方式与@babel/polyfill 插件并不相同。@babel/polyfill 插件会将整个 polyfill 库添加到代码中，而 @babel/plugin-transform-runtime 插件仅仅添加必要的辅助函数，因此在编译后的代码大小和性能方面会更为优秀。
示例代码
在以下示例代码中，我们使用了 babel-runtime 包中的 _typeof 函数，它表示 typeof 关键字的替代方法：
------ ------- ---- ------------------------------- -------- ------------------ - ------ ------------- - ------------------------------ -- - --------
使用 babel-runtime 包，可以为我们所撰写的 ES6 代码提供更好的兼容性，从而让我们的代码能够在更多的平台上运行。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/81813