我正在使用create-react-app
和typescript
进行项目
我想使WebWorker
能够执行一些昂贵的任务。但是我还没有找到任何解决方案来启用它。
我浏览了一些库:
你有什么想法吗?
提前感谢!
我终于使用[worker-loader]。可以。
https://github.com/webpack-contrib/worker-loader#integrating-with-typescript
要与TypeScript集成,您将需要为工作人员的导出定义一个自定义模块
// typings/custom.d.ts
declare module "worker-loader!*" {
class WebpackWorker extends Worker {
constructor();
}
export default WebpackWorker;
}
// Worker.ts
const ctx: Worker = self as any;
// Post data to parent thread
ctx.postMessage({ foo: "foo" });
// Respond to message from parent thread
ctx.addEventListener("message", (event) => console.log(event));
// App.ts
import Worker from "worker-loader!./Worker";
const worker = new Worker();
worker.postMessage({ a: 1 });
worker.onmessage = (event) => {};
worker.addEventListener("message", (event) => {});