workerize-loader

A webpack loader that moves a module and its dependencies into a Web Worker, automatically reflecting exported functions as asynchronous proxies.

• Bundles a tiny, purpose-built RPC implementation into your app
• If exported module methods are already async, signature is unchanged
• Supports synchronous and asynchronous worker functions
• Works beautifully with async/await
• Imported value is instantiable, just a decorated Worker

npm install -D workerize-loader

worker.js:

// 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: (our demo)

import worker from 'workerize-loader!./worker'
let instance = worker() // `new` is optional
instance.expensive(1000).then( count => {
 console.log(`Ran ${count} loops`)
})

If you're using Babel in your build, make sure you disabled commonJS transform. Otherwize, workerize-loader won't be able to retrieve the list of exported function from your worker script :

{
 test: /\.js$/,
 loader: "babel-loader",
 options: {
 presets: [
 [
 "env",
 {
 modules: false,
 },
 ],
 ]
 }
}

The inner workings here are heavily inspired by worker-loader. It's worth a read!

MIT License © Jason Miller