rollup-plugin-workers

Adds code splitting for module Workers and Worklets to Rollup.

Notes

• Only for Rollup >= 1.11.0
• Does not include any module loader. See example
• Worklet calls must follow format *.*Worklet.addModule(...)
• File paths are resolved using Rollup

Installation

# Yarn
yarn add -D rollup-plugin-workers

# npm
npm install -D rollup-plugin-workers

Usage

rollup.config.js

import worker from 'rollup-plugin-workers';

export default {
  input: 'main.js',
  output: {
    dir: 'dist/system',
    format: 'system'
  },
  plugins: [
    worker()
  ]
};

main.js

// workers have to be of `type: 'module'`
new Worker('./dedicated-worker.js', { type: 'module' })
new SharedWorker('./shared-worker.js', { type: 'module' })
navigator.serviceWorker.register('./sw.js', { type: 'module' })

// worklets are always modules
myAudioContext.audioWorklet.addModule('./audio-worklet.js')
CSS.paintWorklet.addModule('./paint-worklet.js')
CSS.layoutWorklet.addModule('./layout-worklet.js')
CSS.animationWorklet.addModule('./animation-worklet.js')