vite-plugin-crx-reload v0.0.1

vite-plugin-crx-reload

HMR for chrome extension with vite

Install

pnpm install -D vite-plugin-crx-reload
# OR yarn add -D vite-plugin-crx-reload
# OR npm install -D vite-plugin-crx-reload

Usage

• in vite.config.ts

// vite.config.ts
import { defineConfig } from 'vite'
import { vitePluginCrxReload } from 'vite-plugin-crx-reload'

export default defineConfig({
  plugins: [
    vitePluginCrxReload()
  ],
})

• in main.ts

// main.ts/main.js
import { crxReloadClient } from 'vite-plugin-crx-reload'

if (import.meta.env.DEV) {
  crxReloadClient()
}

Config

vite-plugin-crx-reload default use port 2333 to connect to the extension, you can change it by passing port option.

vitePluginCrxReload({
  port: 3000
})