Workerを駆使するためのプロジェクト構成 with webpack - Qiita

はじめに マルチコアプロセッサを持て余した人類のために、WebアプリもWebWorkersやServiceWorkerを使ってマルチスレッド処理を駆使していかなければなるかもしれません。 Workerの小さいコード例はたくさん見かけますが、どうやってプロダクトに組み込むかといった話はあまり見かけない気がしたので、最近試してみてしっくりきた構成を紹介します。 まず、要件として以下のようなことを考えました。 Worker側もES2015(Babel)で書ける 言わずもがな、新しい構文の恩恵を受けたい。TypeScriptなどでも同様です。 Worker側もCommonJSスタイルでモジュールの読み込みができる Worker側もコード量が増えると、当然モジュール分割が必要です。Workerには他のJSコードを読み込むためのimportScriptsが提供されていますが、メインスレッド側でwebp