[Help] Worker Threads 怎么才能在这个项目中使用

[xlybyte244]

Describe the problem you confuse

nodejs中的Worker Threads，在当前项目中应该如何使用，

new Worker("xxxx.js") 文件路径应该怎么设置

我需要执行多任务，并且比较耗时，会阻塞UI，所以需要Worker Threads，并且任务代码只能运行在nodejs中，无法运行在web worker。故需要nodejs的Worker Threads

[LucterGee]

const processItem = (origin_img: string, tag: string, imgPath: string, encryptionKey: string): Promise<void> => {
    return new Promise<void>((resolve, reject) => {
        activeWorkers++;

        // 构建 outputDirectory 路径
        const outputDirectory = path.join(imgPath, tag);

        // 检查 outputDirectory 是否存在，如果不存在则递归创建
        if (!fs.existsSync(outputDirectory)) {
            fs.mkdirSync(outputDirectory, { recursive: true });
        }

        // 创建 Worker 进行处理
        const worker = new Worker(path.join(__dirname, './worker.js'), {
            workerData: { origin_img, tag, outputDirectory, encryptionKey }
        });

        // 监听 Worker 消息事件
        worker.on('message', () => {
            processedTasks++;
            resolve();
            worker.terminate();
        });

        // 监听 Worker 错误事件
        worker.on('error', reject);

        // 监听 Worker 退出事件
        worker.on('exit', (code) => {
            activeWorkers--;
            processTaskQueue(); // Worker 退出后处理下一个任务
            if (code !== 0) reject(new Error(`Worker stopped with exit code ${code}`));
            worker.terminate();
        });
    });
};

我是这么处理的，在vite的配置中，对这个worker进行一下单独的配置，包括在vite中对electron的配置，input中增加worker文件。
如果worker文件中引入了三方库，在build参数的时候引入external: ['xxxx']。
同时在electron-builder的配置中，file要引入对应的三方库 "node_modules/xxx/**/*"

[ZhangTianyi-1998]

const processItem = (origin_img: string, tag: string, imgPath: string, encryptionKey: string): Promise => {
return new Promise((resolve, reject) => {
activeWorkers++;

    // 构建 outputDirectory 路径
    const outputDirectory = path.join(imgPath, tag);

    // 检查 outputDirectory 是否存在，如果不存在则递归创建
    if (!fs.existsSync(outputDirectory)) {
        fs.mkdirSync(outputDirectory, { recursive: true });
    }

    // 创建 Worker 进行处理
    const worker = new Worker(path.join(__dirname, './worker.js'), {
        workerData: { origin_img, tag, outputDirectory, encryptionKey }
    });

    // 监听 Worker 消息事件
    worker.on('message', () => {
        processedTasks++;
        resolve();
        worker.terminate();
    });

    // 监听 Worker 错误事件
    worker.on('error', reject);

    // 监听 Worker 退出事件
    worker.on('exit', (code) => {
        activeWorkers--;
        processTaskQueue(); // Worker 退出后处理下一个任务
        if (code !== 0) reject(new Error(`Worker stopped with exit code ${code}`));
        worker.terminate();
    });
});

};
我是这么处理的，在vite的配置中，对这个worker进行一下单独的配置，包括在vite中对electron的配置，input中增加worker文件。 如果worker文件中引入了三方库，在build参数的时候引入external： ['xxxx']。 同时在electron-builder的配置中，file要引入对应的三方库 “node_modules/xxx/**/*”

大佬能看看vite.config.ts怎么配置的么

[LucterGee]

const processItem = (origin_img: string, tag: string, imgPath: string, encryptionKey: string): Promise => {
return new Promise((resolve, reject) => {
activeWorkers++;

    // 构建 outputDirectory 路径
    const outputDirectory = path.join(imgPath, tag);

    // 检查 outputDirectory 是否存在，如果不存在则递归创建
    if (!fs.existsSync(outputDirectory)) {
        fs.mkdirSync(outputDirectory, { recursive: true });
    }

    // 创建 Worker 进行处理
    const worker = new Worker(path.join(__dirname, './worker.js'), {
        workerData: { origin_img, tag, outputDirectory, encryptionKey }
    });

    // 监听 Worker 消息事件
    worker.on('message', () => {
        processedTasks++;
        resolve();
        worker.terminate();
    });

    // 监听 Worker 错误事件
    worker.on('error', reject);

    // 监听 Worker 退出事件
    worker.on('exit', (code) => {
        activeWorkers--;
        processTaskQueue(); // Worker 退出后处理下一个任务
        if (code !== 0) reject(new Error(`Worker stopped with exit code ${code}`));
        worker.terminate();
    });
});

};
我是这么处理的，在vite的配置中，对这个worker进行一下单独的配置，包括在vite中对electron的配置，input中增加worker文件。 如果worker文件中引入了三方库，在build参数的时候引入external： ['xxxx']。 同时在electron-builder的配置中，file要引入对应的三方库 “node_modules/xxx/**/*”

大佬能看看vite.config.ts怎么配置的么

主要是rollupOptions的配置，导入你要引入内容。
我在

build: {
  rollupOptions: {
 external: ['这里配置一份']
   }
  }

还在
plugins - electron - vite - build - rollupOptions - input
这里默认之后加载index.ts
把你worker这个ts文件，也给加上去
打包之后就有了