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
})