我如何在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專門使用工作負載。

如果您的設置正確，您應該能夠在工作文件本身中正常需要模塊。