How to build a web-worker lib?

[ouzhou]

My goal is to build a package that will call a worker.
I can't build a worker file.

---

by the way

vite will build new URL("./a.worker.js", import.meta.url) into new URL(/* @vite-ignore */ "/node_modules/.vite/deps/a.worker.js?worker_file&type=classic", import.meta.url)

Vite is trying to find the file .vite/deps/a.worker.js, and apparently it can't find it.
This will lead to an even greater difficulty in finding the correct path. I hope it is under myPackage/xx.worker.js

---

how to use xx.worker.ts?worker&inline in rslib?

[Timeless0911]

https://github.com/web-infra-dev/rslib/tree/main/tests/integration/worker You can see this test case as an example.

[ouzhou]

你的测试代码代码分了两个entry分别构建，index里面使用的是js结尾的文件new Worker(new URL('./worker.js', import.meta.url),，能构建出文件。

但是构建的这个包的产物在不同的工具上表现各不相同

在rsbuild上能正常工作，但是在vite上无法正常加载

构建后的代码为

function test() {
    const worker = new Worker(new URL("./worker.js", import.meta.url));
    worker.onmessage = (event)=>{
        console.log("The results from Workers:", event.data);
    };
    worker.postMessage(10);
}
export { test };

但是实际上，vite在加载这个包的时候会编译为

// node_modules/bb/dist/indexOut.js
function test() {
  const worker = new Worker(new URL(/* @vite-ignore */ "/node_modules/.vite/deps/worker.js?worker_file&type=classic", import.meta.url));
  worker.onmessage = (event) => {
    console.log("The results from Workers:", event.data);
  };
  worker.postMessage(10);
}
export {
  test
};
//# sourceMappingURL=bb.js.map

然后会发起一个这样的请求http://localhost:5173/node_modules/.vite/deps/worker.js?worker_file&type=classic
这个文件的路径404

[ouzhou]

这个是一个vite的问题，需要将worker加入到 optimizeDeps.exclude