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

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 and partials/dashboard-partial.html

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

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

Answer 1

您需要明确指定要缓存的每个文件。无法使用来自客户端（页面、服务工作者或网络工作者）的通配符来生成 returns 一组响应的请求。要缓存资产，客户端必须发起对该特定资产的请求。

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

What´s the best way to service worker cached all files in AngularJs Application converted in a PWA?

javascript

browser-cache

angularjs

service-worker

progressive-web-apps