如何在Vanilla JS中使用Firebase Polyfills

Question

我目前正在构建一个香草网页，该网页使用Google Firebase通过Authentication处理Firebase Realtime Database和数据存储。这就是我在HTML文件底部添加Firebase的方式：

<script src="https://www.gstatic.com/firebasejs/6.4.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.4.1/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.4.1/firebase-database.js"></script>

这在大多数浏览器中都可以正常工作。但是，在Internet Explorer中，它会因没有某些es6功能（通常为Array.findIndex和Object.values）而引发各种错误。

Firebase supported environments页面显示需要填充填充-足够公平。但是，我不清楚如何将推荐的“ ES Stable”包含到原始的html / js页面中，因为它们的所有示例都涉及捆绑程序或框架。

我正在寻找一个示例或说明，以说明如何将其或解决问题的任何polyfill包含到常规HTML / JS页面中。

Answer 1

查看core-js installation section之后，看起来它们确实提供了您可以附加的CDN。确切的文本是这样的：

  

已经在CDN上捆绑了core-js版本（最小版本）。

他们所指的CDN是here，而缩小版本是here。

Answer 2

您可以在下面仅包含es6功能的polyfill中尝试。我在使用Firebase时遇到了相同的问题，并在下面的polyfill中解决了。

只需将以下脚本加载到带有firebase（所有版本）的普通JavaScript项目中即可。

<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6"></script>

  

您可以找到直接CDN（最小版本）链接here。