問題タブ [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.
webpack - workbox-webpack-plugin と offline-plugin の違いは?
webpack 4 で最初の PWA を構築したいと考えています。workbox-webpack-plugin と offline-plugin の違いは何ですか?
service-worker - コンテンツのダウンロード時間は、HTTP リクエスト自体よりもさらに長い
ワークボックスを使用していますが、/xyz API の戦略は古いものです。
- キャッシュからの Service Worker 経由の応答。総所要時間: 741ms
- ワークボックスを介して Service Worker からサーバーへの呼び出しをフェッチします。合計所要時間131ms
コード スニペットは次のようにマッチ コールバックのように見え、マッチ コールバックは URL マッチングのロジックを持っているだけです。
何か不足していますか？私にお知らせください
angular - workbox-webpack-plugin & Angular. Angular で broadcastUpdate イベントをリッスンする方法
Angular アプリケーションで service-worker を使用しようとしています。webpackを使ってビルドしています。
workbox-webpack-plugin を使用しています。GET API 呼び出しフォーム キャッシュを提供し、バックグラウンドでデータを更新したいと考えています。
runtimeCachingこのために、ハンドラーでオプションを使用しますstaleWhileRevalidate( GenerateSW プラグインの詳細はこちら)
これは、webpack.config.js にある構成です。
このドキュメントによると、キャッシュが更新されたときにイベントを受け取ることができるはずです (データを更新できるように、ユーザーに何かを表示したい)。
データを受け取るコードは次のようになります。
このコードをAngularコンポーネントの1つに入れましたが、キャッシュが更新されたと確信していても呼び出されませんでした。
Angular で変更検出がどのように機能するか (この質問で説明されているように) と関係があるのではないかと思いますが、修正方法がわかりません。
Angular コンポーネントからブロードキャスト イベントを正常にリッスンできた人はいますか?
synchronization - ワークボックス webpack プラグインで同期を強制する
webpack プラグインからのワークボックス バックグラウンド同期の同期に問題があります。Dev Tools を使用してチュートリアルのように強制すると発生します。
https://developers.google.com/web/tools/workbox/modules/workbox-background-sync
しかし、それはいつ正常に発生しますか？その背後にあるルールは何ですか?プログラムで強制できますか?
前もって感謝します、
グジェゴシュ