JavaScript modules in workers | Frontend Practical Guide

Widely available すべての主要ブラウザで対応済み。安心して使用可能。

概要

Worker のコンストラクタで { type: 'module' } を指定することで、Worker 内で import/export 構文が使用可能になります。

機能	デスクトップ				モバイル
機能	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`api.Worker.Worker.ecmascript_modules`	80	80	114	15	80	15
DOM API
`Worker (options type parameter)` `options.type` パラメータ	80	80	114	15	80	15
演算子
`worker support` 労働者で利用可能	80	80	114	15	80	15
ステートメント
`worker support` 労働者で利用可能	80	80	114	15	80	15

1+対応 (バージョン) 未対応 ※注釈ありサブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

JAVASCRIPT

const worker = new Worker('worker.js', { type: 'module' });

// Inside worker.js
import { process } from './utils.js';
process(data);

JavaScript modules in workers の活用

Web Worker 内で ES Modules の import/export を使用可能にする機能。