Question

我正在尝试在我的网络应用中使用网络工作者，但我很难过。向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

这应该很容易让你去。

如何在webpack中使用javascript webworker？

1 个答案: