时间戳

首页 > 解决方案 > 加载 Babel 的最佳方式是什么？

javascript - 加载 Babel 的最佳方式是什么？

问题描述

我有第一代 iPad mini。这是一个大约 8 年的历史，虽然它正确显示了我的页面，但一些需要 JavaScript 的功能似乎不起作用。如果我理解正确，我需要加载 Babel 或类似的东西。真的吗？但是加载 Babel 的最佳方式是什么？我应该像这样使用脚本标签吗：

<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

够了吗？

标签： javascriptbabeljs

解决方案

TL;DR：不要在生产环境的浏览器中加载 Babel

这取决于究竟是什么不起作用。如果它只是语法和一些 ES6 类/函数，那可能由 Babel 解决，它转换语法并具有一些 polyfill。如果您担心加载时间（这对旧设备有意义），您可以转换您的 JS 服务器端。如果你不能在服务器上做，你可以在你的工作站上部署一个你转译的 JS 文件。此外，如果您转到此处并单击“在浏览器中”，您将看到以下内容：

在浏览器中编译的用例相当有限，因此如果您在生产站点上工作，则应该在服务器端预编译脚本。

您可能还应该看看CanIUse。然后，您可以决定首先要投入多少时间。const例如，全球 99.8% 的用户都支持。

但是，您的页面可能会使用 JS 进行一些复杂的交互，这些交互依赖于指针、触摸事件等。在这种情况下，您可能需要重写很多内容。这不适用于您的情况，但通常可能会影响某人对支持哪些浏览器的决定。

推荐阅读