Javascript Web包中的Web Worker不带“Worker Loader”`

Javascript Web包中的Web Worker不带“Worker Loader”`,javascript,webpack,web-worker,Javascript,Webpack,Web Worker,脚本如何在Web Worker脚本中使用Javascriptimports/require,并将其绑定到使用Webpack,而不使用Worker Loader或任何其他“插件”抽象-仅使用浏览器Web Worker API 通过Webpack,我能够生成两个脚本:main.js和worker.js。Webpack文件设置为传输这两个文件 在main.js中实例化一个新的工作者const-worker=new-worker('worker.js') Worker脚本很简单: /// worker.

脚本如何在Web Worker脚本中使用Javascript
imports
/
require
,并将其绑定到使用Webpack,而不使用
Worker Loader
或任何其他“插件”抽象-仅使用浏览器Web Worker API

通过Webpack,我能够生成两个脚本:
main.js
worker.js
。Webpack文件设置为传输这两个文件

main.js
中实例化一个新的工作者
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');
};

有一个
类型:“module”
选项可以传递给您的:

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