vite-plugin-external-worker

Deprecated
Vite 2.0+ now supports using Rollup plugins directly.

Vite plugin that allows for non-inline bundling of web workers, allowing for code splitting between main entrypoint and the worker.

See here for details

Setup

Install it with your package manager of choice
- npm: npm i -D vite-plugin-external-worker
- pnpm: pnpm i -D vite-plugin-external-worker
- yarn yarn add -D vite-plugin-external-worker

Add it into your vite.config.js file

import worker from 'vite-plugin-external-worker';

export default {
  plugins: [
    worker(),
  ],
};

Import workers with the ?worker=external suffix

TypeScript

TypeScript might complain about importing workers with the suffix, but you can fix that by adding the below type declarations,

declare module '*?worker=external' {
  export default function (): Worker;
  export let url: string;
}

declare module '*?sharedworker=external' {
  export default function (): SharedWorker;
  export let url: string;
}

intrnl/vite-plugin-external-worker

vite-plugin-external-worker

Setup

TypeScript