制作 PWA，我可以使用 bootstrap+jquery 吗？答案

【问题标题】：Making a PWA, can I use bootstrap+jquery?制作 PWA，我可以使用 bootstrap+jquery 吗？
【发布时间】：2019-06-11 23:38:23
【问题描述】：

我即将为我们公司开发 PWA。我一直在做 Web 应用程序，所以我已经习惯了 Bootstrap 和 Jquery。我想以同样的方式开发 PWA。我可以通过简单地隐藏和显示 div 来使应用程序成为带有 Jquery 的 SPA。这根本不是问题。

如果我走这条路，我可以做这项服务吗？还是我仍然需要使用其他框架，如 Vue、react、Framework 7 等来制作 PWA？如果是这样，jquery 和 PWA 可以混合使用吗？

PS 无需建议删除 jquery 并仅使用 react 等。出于多种原因，这不是我们的选择。

【问题讨论】：

标签： jquery progressive-web-apps

【解决方案1】：

使用 Chrome Lighthouse 工具来处理使您现有网站成为 PWA 所需的项目列表。运行测试后查看 PWA 部分。
这是一个逐步解释这一点的视频。
https://youtu.be/Ay3zKmde3BM

使用 Lighthouse 将帮助您了解需要添加到您的网站的确切项目。
这是完整的清单。
https://developers.google.com/web/progressive-web-apps/checklist

【讨论】：

tnx 人。快速提问，我需要让它成为 SPA 吗？或者 PWA 方法可以从缓存中加载其他页面/链接吗？还是会导致 TIME OUT 错误？因为我已经有一个多页 WEB 应用程序，它通过 AJAX 加载数据，并且像正常一样在浏览器上工作。我想我的问题是我可以将其直接转换为 PWA 还是我必须重新编码/设计页面以用于 PWA 目的？我想我想说的是我想为 web 和 pwa 维护 1 个代码库，也许使用我已经拥有的东西
SPA = 只是另一种制作网站的方式。大多数类型的网站都可以添加这些片段以成为 PWA。许多人无法将他们的网站设为 PWA，因为他们无法将他们的网站设为 HTTPS。这是核心要求之一。

【解决方案2】：

我已经为 PWA 使用了 Bootstrap 4 和 Bootstrap 3（以及所需的 JQuery 库）。所以我不明白为什么这对你来说是个问题。

【讨论】：

我需要做SPA吗？或者 PWA 方法可以从缓存中加载其他页面/链接吗？还是会导致 TIME OUT 错误？

【解决方案3】：

问题有点老，但既然我遇到了，让我为后代回答这个问题。

您可以在构建 PWA 时使用 bootstrap+jquery，但我们并不特别需要它们。您可以使用简单的 HTML+CSS+JS 来完成。但是不要使用 CDN 加载这些库，这可能会在站点/应用程序离线时使它们不可用。更好的方法是将它们作为本地资源保存在您的服务器上，并将它们与您的其他站点/应用程序资产一起缓存。

而且，绝对不需要让您的网站/应用成为 SPA。我们可以缓存我们网站的 1 个以上页面，以使它们可以离线使用。

最后，截至 12 月 21 日，我们仍在等待一个好的 PWA 特定框架。这将使大多数当前的前端库无用 IMO。

【讨论】：