javascript - Service Worker 缓存在 PWA 中转换的 AngularJs 应用程序中的所有文件的最佳方法是什么？

Question

我想缓存我的 PWA AngularJs 项目的所有文件。

我使用 AngularJs 1.6.4，Service Worker 运行没有问题，我的 manifest.json 也正常。

但我的应用程序只缓存系统默认的html文件。

const CACHE_NAME = 'v1_cache',
  urlsToCache = [
    './**/*',    
    './css/main/*',
    './css/**/*',
    './fonts/**/*',
    './images/**/*',
    './img/**/*',
    './libs/**/*',
    './partials/**/*',
    './manifest.json',
    './sw.js'
  ]

本例中只缓存了系统默认的html、manifest.json和sw.js

const CACHE_NAME = 'v1_cache',
  urlsToCache = [
    './**/*',    
    './css/main/*',
    './css/**/*',
    './fonts/**/*',
    './images/**/*',
    './images/cabecera.png',
    './img/**/*',
    './libs/**/*',
    './partials/**/*',
    './partials/dashboard-partial.html',
    './manifest.json',
    './sw.js'
  ]

第二种情况缓存了系统默认的html，manifest.json，sw.js，cabecera.png和partials/dashboard-partial.html

我需要指定要缓存的每个文件吗？或者我们还有其他选择？

我需要缓存系统的每个文件。

Answer 1

您需要明确指定要缓存的每个文件。无法使用来自客户端(页面、服务工作线程或网络工作线程)的通配符来生成返回大量响应集的请求。要缓存 Assets ，客户端必须发起对该特定 Assets 的请求。