我如何在npm中要求（）网络工作者？

Question

我有一个npm / webpack设置，我的部分应用程序需要Web Workers。 通常，使用以下语法创建Web worker：

var worker = new Worker('path/to/external/js/file.js');

在npm中，这不起作用，因为我正在使用的开发环境不接受这样的路径。 必须使用require()包含文件。

我不能绝对链接到该文件，因为这违反了跨源规则的事情。

是否有包含这些工作文件的策略？

Answer 1

Webpack提供的worker-loader loader似乎为您的问题提供了解决方案。 该模块可以使用npm install --save-dev worker-loader 。

看一下如何使用加载器 ，然后需要你的web worker文件：

const Foo = require("worker!./path/to/external/js/file.js");
const fooWorker = new Foo();

注意worker! 在路径之前预先设置，告诉Webpack专门使用工作负载。

如果您的设置正确，您应该能够在工作文件本身中正常需要模块。