javascript - sw precache - 異なるドメインからアセットをロードするための実行時キャッシュ

Question

sw precache を使用して Service Worker を管理しています。私のサイトが abc.com で、Service Worker がこのサイトで実行されており、URL abc.com/service-worker.js によってロードされているとします。

すべての css と js は、最適化のために別の URL からロードされています。xyz.com としましょう。

提供するとランタイムキャッシュに

{
  // 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'
    }
  }
}

これは、URL abc.com/style/style.css からのみ css をキャッシュし、xyz.com/style/test.css はキャッシュしません

私が試してみました

{
  // 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\//,
  }
}

しかし、すべて無駄です。誰かが同じ問題に直面したことがある場合は、正しい方向への助けをいただければ幸いです。