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