没有` Worker -Loader`的Webpack中的Web Worker

Question

一个脚本如何在Web Worker脚本中使用Javascript imports / require，并在不使用Worker-Loader或任何其他“插件”抽象的情况下将其捆绑到使用Webpack中-只使用浏览器Web Worker API？

通过Webpack，我能够生成两个脚本：main.js和worker.js。设置了Webpack文件来转换这两个文件。

在main.js中实例化一个新的worker const worker = new Worker('worker.js')。

Worker脚本很简单：

/// worker.js

onmessage = function foo() {
  postMessage('test');
};

在main.js中，postMessage()的工作方式与预期一致。

但是，一旦任何模块被导入到worker中，事情就会中断。

/// worker.js

import bar from 'bar';

onmessage = function foo() {
  postMessage('test');
};

Answer 1

有一个可以传递给Worker's constructor的type: "module"选项

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