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 で使用する場合、これをどのように達成できますか?