在Web worker中使用模块脚本

Question

实例化Worker时会加载Web worker脚本但是如何使用作为模块的脚本以便我不会收到错误？ （假设浏览器支持模块）。

const worker = new Worker('my-worker.js')

在my-worker.js

import {foo} from 'foo.js'
console.log(foo)

Answer 1

使用type option：

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

• type：一个DOMString，指定要创建的worker类型。值可以是classic或module。如果未指定，则使用的默认值为classic。