如何在 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

当我尝试在 react-application 上导入我的库时，我的库尝试像这样加载 worker： http://localhost:3000/dist/app.worker.js。 这显然失败了，因为它位于node_modules/.../dist/app.worker.js。

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

感谢您的帮助

Answer 1

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

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

有人知道 yarn link 的解决方案或解决方法吗？ 谢谢！