問題タブ [shared-worker]
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 - webpack 5 で SharedWorker コードのアップグレードを処理するには?
Webpack 5 は、次のコードをファイルに追加するだけで、Workers または SharedWorkers の個別のエントリポイントの構築をサポートします。
new SharedWorker(new URL('./worker.js', import.meta.url));
Webpack はこのワーカー用に別のチャンクを生成し123.s0m3ha2h.esm.js
ます。その名前にはコンテンツのハッシュが含まれていると思います。
SharedWorker がインスタンス化されると、ブラウザーは同じ URL を持つものが既に存在するかどうかを確認し、存在しない場合は、新しい ShrredWorker を開始します。
コードの更新後に、SharedWorker の 2 つのバージョンが同時に実行されるのを避けたいと考えています。SharedWorkers を webpack で使用する場合、これをどのように達成できますか?