vite-plugin-sw-ts-hmr

Vite plugin for compiling multiple ServiceWorkers written in TypeScript with HMR.

You can use this for any arbitrary TypeScript files, just provide an input and output, and it will transpile with HMR.

Installation

yarn add vite-plugin-sw-ts-hmr --dev

or

npm install vite-plugin-sw-ts-hmr --save-dev

Usage

import TsServiceWorkers from 'vite-plugin-sw-ts-hmr'

export default {
  plugins: [
    TsServiceWorkers([
      {
        inputFile: 'src/firebase-messaging-sw.ts',
        outputFile: 'public/firebase-messaging-sw.js',
      },
      {
        inputFile: 'src/memes.ts',
        outputFile: 'public/memes.js',
      },
    ]),
  ]
}