javascript - 如何在 npm 模块上使用 web worker

Question

我正在编写一个 JavaScript 库，并且正在使用一个网络工作者。我正在使用 webpack（带有 worker-loader）来创建我的构建。图书馆一切正常。

webpack.config.js

{
    test: /app.worker.ts$/,
    include: [
        path.resolve(__dirname, 'src/')
    ],
    use: [
        {
            loader: 'babel-loader',
        },
        {
            loader: 'worker-loader',
            options: {
                name: 'app.worker.js',
            }
        }
    ]
}

生成：

/dist/app.bundle.js // my main library build
/dist/app.worker.js // my worker build

当我尝试在反应应用程序上导入我的库时，我的库尝试像这样加载工作人员： http://localhost:3000/dist/app.worker.js. 这显然失败了，因为它位于node_modules/.../dist/app.worker.js.

我可能没有正确使用 worker-loader。

谢谢你的帮助

Answer 1

好的，我刚刚发现了问题。我不知道为什么，但问题与纱线链接有关。如果我在我的 package.json 中替换为link:，file:我就没有问题了。

另一个（非最佳）解决方案是使用 inline:true。

有人知道纱线链接的解决方案或解决方法吗？谢谢 ！