如何在webpack中使用javascript webworker？

Question

我正在尝试在Web应用程序中使用Web Worker，但是我遇到了困难。 将新条目添加到webpack.config.js无效。

因此，我正在尝试使用名为worker-loader的npm软件包，但没有有关如何使用它的适当示例。 我所有使用它的尝试都失败了。 你们能给我看一个简单的例子来说明如何使用它。

import Worker from "worker-loader!./Worker.js";
const myworker = new Worker();
myworker.postMessage(songs);
myworker.onmessage = function(Data) {
//do something
}

我的webpack.config.js文件是这样的

 entry: __dirname + "/js/index.js",
 output: {
 path: __dirname + "/dist",
 filename: "bundle.js"
 },  
{
  module: {
    rules: [
     {
    test: /\.worker\.js$/,
    use: { loader: 'worker-loader' }
  }
]
}
}

我的服务器告诉我以下内容：

"GET /279b1e1fcb403131377a.worker.js HTTP/1.1" 404

由于我的279b1e1fcb403131377a.worker.js位于/dist内部，因此出现404错误。 我如何发出进入/dist的请求。

Answer 1

Github官方页面上提供了很多示例：

https://github.com/webpack-contrib/worker-loader

那应该很容易让你前进。