node package manager

worker-loader

npm deps test chat

Worker Loader

Worker loader for Webpack.

Install

npm i -D worker-loader

Usage

Documentation: Using loaders

Import the worker file:

// main.js 
var MyWorker = require("worker-loader!./file.js");
 
var worker = new MyWorker();
worker.postMessage({a: 1});
worker.onmessage = function(event) {...};
worker.addEventListener("message", function(event) {...});

You can also inline the worker as a blob with the inline parameter:

var MyWorker = require("worker-loader?inline!./myWorker.js");

Inline mode will also create chunks for browsers without supporting of inline workers, to disable this behavior just set fallback parameter as false:

var MyWorker = require("worker-loader?inline&fallback=false!./myWorker.js");

To set custom name use the name parameter:

var MyWorker = require("worker-loader?name=[name].js!./myWorker.js");

The worker file can import dependencies just like any other file:

// file.js 
var _ = require('lodash')
 
var o = {foo: 'foo'}
 
_.has(o, 'foo') // true 

You can even use ES6 modules if you have the babel-loader configured:

// file.js 
import _ from 'lodash'
 
let o = {foo: 'foo'}
 
_.has(o, 'foo') // true 

Maintainers


Juho Vepsäläinen

Joshua Wiens

Kees Kluskens

Sean Larkin

Bogdan Chadkin