問題タブ [workbox-webpack-plugin]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 反応アプリケーションでワークボックスを使用して Service Worker のインストール時にハッシュ化されたファイル (/build/static) を事前キャッシュする方法
反応アプリケーションを作成しました。ユーザーがこのアプリケーションをオフラインで利用できるようにする必要があります。そのために、Workbox を使用して PWA にしました。
画像を事前キャッシュすることはできますが、Service Worker のインストール時に、/build/static/js、/build/static/CSS、およびビルド フォルダー全体内のすべてのハッシュ ファイルも事前キャッシュしたいと考えています。現在、Workbox は Service Worker の登録時にすべての画像をキャッシュしていますが、他の js ファイルは特定のページにアクセスしたときにのみキャッシュされます。これは、ユーザーがオンラインのときにアクセスしたアプリケーションのセクションのみが、オフラインになったときに使用できることを意味します。
Service Worker のインストール時にハッシュ化されたすべてのファイルと画像をキャッシュするにはどうすればよいですか。これを達成する方法を提案してください。
javascript - ワークボックスのバックグラウンド同期 - 再生された API 応答へのアクセス
Workbox GenerateSW プラグインを使用し、 runtimeCaching の下で backgroundSync オプションを使用しています。ここでドキュメントを確認してください - https://developers.google.com/web/tools/workbox/reference-docs/latest/module-workbox-build#.generateSW
このプラグインにより、API をリッスンし、失敗した API リクエストを完全にリプレイできます。
ただし、「同期」イベントで API が再生された後、それに基づいて UI の状態を更新する必要があるため、API 応答にアクセスする必要があります。Workbox は、ブラウザーsyncイベントで API 要求を行います。API 呼び出しがいつ終了したかを確認できるイベントが表示されません。
他の誰かが API 応答にアクセスできましたか?