sw precache - mise en cache à l'exécution pour le chargement de ressources à partir de domaines différents

Question

J'utilise sw precache pour gérer mon service worker. Disons que mon site est abc.com et que le technicien de service s'exécute sur ce site et est chargé par url abc.com/service-worker.js

Tous les css et js sont chargés à partir d'URL différentes à des fins d'optimisation. nous disons xyz.com

maintenant dans le cache d'exécution lorsque je fournis

{ 
    // See https://github.com/GoogleChrome/sw-toolbox#methods 
    urlPattern: '*.css', 
    handler: 'fastest', 
    // See https://github.com/GoogleChrome/sw-toolbox#options 
    options: { 
    cache: { 
     maxEntries: 20, 
     name: 'css-cache' 
    } 
    } 
} 

Ce cache seulement de abc.com/style/style.css css url et non xyz.com/style/test.css~~V~~singular~~3rd

J'ai essayé

{ 
    // See https://github.com/GoogleChrome/sw-toolbox#methods 
    urlPattern: 'https:\/\/xyz\.com\/*.js', 
    handler: 'fastest', 
    // See https://github.com/GoogleChrome/sw-toolbox#options 
    options: { 
    cache: { 
     maxEntries: 20, 
     name: 'js-cache' 
    }, 
    // urlPattern: /\.googleapis\.com\//, 
    } 
} 

mais en vain. Si quelqu'un a déjà fait face au même problème, toute aide dans la bonne direction sera très appréciée.

Answer 1

Je crois que votre problème est que vous passez une chaîne comme urlPattern lorsque vous devez passer une expression régulière. Par conséquent, au lieu de 'https:\/\/xyz\.com\/*.js', vous devez utiliser /https:\/\/xyz\.com\/*.js/.