プリキャッシュフォルダとサブフォルダの内容

Question

フォルダとそのサブフォルダ内のすべてのファイルをプリキャッシュする方法はありますか？私が達成したい何

は次のようなものです：

... 
event.waitUntil(
     caches 
     .open(version + 'fundamentals') 
     .then(function (cache) { 
      return cache.addAll([ 
       "/", 
       "/images/*" 
... 

Answer 1

あなたのサービスワーカーのコンテキストで実行されるJavaScriptは、あなたのファイルシステムの任意の知識を持っていません。

特定のワイルドカードパターンに一致するすべてのファイルをプリキャッシュする場合は、実行中のコードがファイルシステムにアクセスできるときに、ビルド時ツールを追加する必要があります。ビルド時間ツールは、出力をサービスワーカーのJavaScriptファイルに、理想的にはテンプレートシステムによってフィードできます。

sw-precacheツールは、サービスワーカーのJavaScriptを生成したり、ローカルファイルシステム内の静的資産が変更されたときにキャッシュを最新に保つなど、このプロセスを自動化できます。

あなたはsw-precacheのようなあらかじめパッケージソリューションを使用しないことを選択した場合、あなたはサービスワーカーinstall/activateライフサイクルイベントを理解し、あなたが適切にあなたの静的なリソースとキャッシュをバージョン管理しているということを確認してください。