Javascript Service Worker 是否可以只缓存 1 行缓存任何 .js .css 如果已获取？

问题描述

我正在查看有关 javascript workers 和 PWA（渐进式 Web 应用程序）内容的教程...

我只看到这个

const assets = [
  '/','/blabla.js',];

self.addEventListener('install',function(event) { 
    evt.waitUntil(
        caches.open('static').then((cache) => {
            cache.addAll(assets);
        })
    );
});

对于像这样的外部 js https://code.jquery.com/jquery-3.6.0.min.js 没有专门写它是否可以工作...

在 assets 中，这样的模式可以工作吗？

/(.js|.css|.png|.jpg|.json|.html)/

或者我需要星星

/(*.js|*.css|*.png|*.jpg|*.json|*.html)/

我遇到的文档中缺乏这方面的内容。

解决方法

您好，找到了这个https://www.youtube.com/watch?v=ChXgikdQJR8

在 self.addEventListener('fetch',evt => { 中添加类似 return cacheRes || fetch(evt.request).then(fetchRes => {

在那里查看完整的 .js

https://github.com/iamshaunjp/pwa-tutorial/blob/lesson-29/public/sw.js