難しいところ

ServiceWorkerは別のファイルとして作らないといけないから、Viteの圧縮のいろいろが使えない。また、出されたファイルを通常の位置ではなくて、ルートに置かないと使えない。

欲しいもの

• 別のファイルとして出力
• でも、圧縮とかはしてほしい
• ルートに置けるようにする

WebWorkerの実装

サービスワーカーではないけれど参考になるかもしれない

https://qiita.com/masato_makino/items/8b9464003e76fb5dafa2

https://qreat.tech/3288/

他にはあまりなかった(調べ切れてないだけかもしれないけど)

Viteなどでウェブワーカーの操作方法

https://github.com/vitejs/vite/blob/main/packages/vite/src/node/plugins/worker.ts

ここで、viteで使えるimport myWorker from "./myWorker?worker"の処理をしている。
方法を見ると、Rollupを内部的にもう一度呼び出してバンドルしている。

結論

TypeScriptで書くには自前でバンドルする処理を実装しなくてはいけない