百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
W

workerize-loader

> 编程语言
开源

️ 自动将模块移入 Web Worker (Webpack 加载器)

2.3K stars0 点赞1 次浏览
访问官网GitHub

工具介绍

️ 自动将模块移入 Web Worker (Webpack 加载器)

workerize-loader() (https://www.npmjs.org/package/workerize-loader) () (https://travis-ci.org/developit/workerize-loader)

webpack 加载器可将模块及其依赖项移动到 Web Worker 中,并自动将导出的函数反映为异步代理。

  • 将一个小巧、专门构建的 RPC 实现集成到您的应用中
  • 如果导出的模块方法已经是异步的,签名不变
  • 支持同步和异步工作函数
  • 与 async/await 完美结合
  • 导入的值是可实例化的,只是一个装饰后的 Worker

安装

bash
npm install -D workerize-loader

使用方法

worker.js:

javascript
// block for `time` ms, then return the number of loops we could run in that time:
export function expensive(time) {
    let start = Date.now(),
        count = 0
    while (Date.now() - start < time) count++
    return count
}

index.js:(我们的演示)

javascript
import worker from 'workerize-loader!./worker'

let instance = worker()  // `new` is optional

instance.expensive(1000).then( count => {
    console.log(`Ran ${count} loops`)
})

选项

workerize 选项可以在 Webpack 配置中定义,也可以使用 Webpack 的 内联加载器选项语法。

inline

类型: Boolean 默认值: false

您还可以使用 inline 参数将工作程序作为 BLOB 进行内联

除非在此处指定,Workerize 将使用 Webpack 配置的 output.publicPath 值。publicPath 值会被添加到打包文件名的前面,以获得它们的完整路径。

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

JavaScriptweb-workerwebpackwebpack-loaderwebpack-plugin

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言