sw-precache-webpack-plugin webpackサービスワーカーのデフォルトテンプレート

Question

私はsw-precache-webpack-pluginを使用してプロジェクトのサービスワーカーを生成しています。キャッシュ内のすべてのフォント、js、cssファイルを見ることができますストレージがインデックス/ htmlファイルではなく、私はオフラインになるときに動作しません。私はまた、 'サイトをインストールすることができません：一致するサービスワーカーが見つかりませんでした。私はしようとすると、アプリケーションマニフェストのホームページに追加します。

私のスタックは、インデックスファイル用のExpress + ejsを持つReact + reduxの普遍的なアプリケーションです。私はデフォルトのhtmlファイルではなくejsを使用しているため、そのファイルを見つけることができないかどうかはわかりません。テンプレートを指定する方法はありますか？私のSW-プリキャッシュ-のWebPACK - プラグインのWebPACKの設定は次のとおりです。

new SWPrecacheWebpackPlugin({ 
cacheId: 'tester', 
filename: 'my-service-worker.js', 
directoryIndex: '/', 
}), 

何かアドバイスは、あなたがプラグインの設定でキャッシュ戦略の仕様が欠落している

Answer 1

をいただければ幸いです。

plugins: [ 
    new SWPrecacheWebpackPlugin({ 
     cacheId: 'tester', 
     filename: 'my-service-worker.js', 
     runtimeCaching: [ 
     { 
      urlPattern: '/', 
      handler: 'cacheFirst', 
     } 
     ] 
    }) 
] 

ドキュメント：応答のためのhttps://github.com/GoogleChrome/sw-precache#runtimecaching-arrayobject