在 web worker 中使用模块脚本

Posted

技术标签:

【中文标题】在 web worker 中使用模块脚本【英文标题】:Use module scripts in web worker 【发布时间】:2018-05-08 17:26:58 【问题描述】:

Worker 被实例化时会加载 Web Worker 脚本,但是我如何使用作为模块的脚本,这样我才不会收到错误消息? (假设浏览器支持模块)。

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

my-worker.js

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

【问题讨论】:

Web Workers - How To Import Modules的可能重复 【参考方案1】:

使用type option:

const worker = new Worker('my-worker.js', type:"module");
type:一个DOMString,指定要创建的worker的类型。该值可以是classicmodule。如果未指定,则默认使用classic

【讨论】:

谢谢,我已经想通了,但忘记了我有这个未解决的问题。

以上是关于在 web worker 中使用模块脚本的主要内容,如果未能解决你的问题,请参考以下文章

Web Worker

nginx 常用模块整理

Web Worker是什么

Web Workers - 如何导入模块

web worker

在 web-worker 中将 ImageBitMap/Image 绘制到 OffScreenCanvas