Better-webworker NPM

better-webworker

一个让 Web Workers 更易用、支持 TypeScript 类型安全的包装器。

安装

npm i better-webworker

配置

// vite.config.ts
import { defineConfig } from 'vite'
import betterWebworker from 'better-webworker/vite.mjs'

export default defineConfig({
  plugins: [
    betterWebworker() // 默认匹配模式: .worker.ts
    // 传入正则用于匹配文件
    // betterWebworker(/\.worker\.ts$/)
  ],
})

基础用法

// test.worker.ts
import { defineReceive } from 'better-webworker'

const ping = (str: string) => {
    console.log(str);
    return 'pong ' + str
}

export default defineReceive({
    ping
});

// main.ts
import worker from './test.worker';

const { ping } = worker();

console.log(ping('hello'));

高级用法

// ...
const { methods, cb, worker } = useWorker();
const { handleBuffer } = methods;
const buf = new ArrayBuffer(100000);

handleBuffer.transfer = [buf]; // 传递 ArrayBuffer
handleBuffer.timeout = 10000; // 设置超时时间
handleBuffer(buf, cb((newBuf) => {
    console.log('done', newBuf);
    worker.terminate(); // 关闭 worker
}));
// ...