takumifukasawa’s blog

WebGL, Shader, Unity, UE4

【Javascript】WebWorkerのスクリプトをインラインで記述する

WebWorkerのスクリプトを別ファイルではなくバンドルファイルに含めたい場面があったので、インラインで記述する方法を試しました。

developer.mozilla.org

blob経由でworkerスクリプトのオブジェクトURLを生成することによって実現させました。

ただ欠点として文字列での記述になるので、

  • エディターのsyntaxが利かない
  • typescriptの場合は型指定ができない

という点があります。

WebWorkerのスクリプトの記述量が多くなりそうな場合は別ファイルにしておくのが良さそうです。


(2020.11.20: 追記)

あとで知ったのですが、この方法は「Inline Worker」や「Inline WebWorker」と呼ばれている昔からある方法だったみたいです。

www.html5rocks.com