Vite 构建时如何自动生成并注入 Web Worker 实例
在维护一个数据可视化项目时,我需要把大量 CSV 解析和坐标计算从主线程挪到 Web Worker 里,避免页面在加载数据时卡死。项目用 Vite 构建,开发时直接 new Worker('./worker.ts') 经常报错,打包后路径也变成 404,手动把 worker 文件放到 public 目录又失去了 TypeScript 类型检查和模块导入能力。这个问题的根源在于 Vite 对 Worker 的处理方式和传统 webpack 不同,它依赖浏览器原生 ES Module Worker 或者 ?worker 后缀来识别。下面是我在实际项目中跑通的几种做法,覆盖开发调试、生产构建和类型提...