0

虽然我熟悉库Sw-precache，Sw-toolbox但仍然对如何在使用 Angular 构建渐进式 Web 应用程序时满足动态依赖关系感到困惑。

我使用 Sw-precache 构建过程为我的应用程序预缓存了 bundle.js、bundle.css 和一些静态模板。（假设我所有的模板（.html 文件）都依赖于 bundle.js 和 bundle.css）

  1. 如果我更新未预缓存的模板怎么办？如何确保更新 bundle.js/css 连同我的模板。

  2. 如果我更新已经预缓存的模板怎么办。它是否总是与预缓存的 bundle.js/css 文件一起更新。

  3. 最后一个用例，当我的模板已经预缓存但它有一些带有 src 属性的内联脚本并且这个脚本文件没有缓存在任何地方时。假设我对模板和脚本文件进行了一些更改。我应该遵循什么缓存方法来确保模板文件与脚本文件一起更新。

我们没有遵循纯 App-shell 架构，它就像使用 Angular.js 设计的单页应用程序

4

2 回答 2

1

Sw-Precache 将针对文件更改进行更新，生成新的服务工作者，当您将更新部署到捆绑 js 或 css 时，您也应该部署新的 Sw-Precache 生成的服务工作者。

于 2016-06-06T22:25:49.640 回答
0

就像一般的想法一样，散列您正在预缓存的所有资源并执行散列散列并将此摘要包含在服务工作者中，因此当其中一个依赖项更改时，摘要将更改并且您的服务工作者将更新触发一个新的安装事件。是否有意义？

于 2016-06-21T19:45:48.297 回答