Build a Chrome Extension with Vite.
npm install vite-plugin-crx-mv3-envs
bash
npm
npm install vite-plugin-crx-mv3-envs -D
or yarn
yarn add vite-plugin-crx-mv3-envs -D
or pnpm
pnpm add vite-plugin-crx-mv3-envs -D
`
$3
#### port
- Type: number
- Default: 8181
建立一个websocket连接。在content_scripts和service_worker文件发生变化时,通知Chrome扩展客户端重载。
#### manifest
- Type: string
- Required : true
Chrome扩展的manifest.json文件路径。
#### reloadPage
- Type: blooen
- Default : true
控制dev环境下自动加载页面
$3
`js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import crx from 'vite-plugin-crx-mv3-envs'
export default defineConfig({
plugins: [
vue(),
crx({
manifest: './src/manifest.json'
}),
],
})
`
$3
`bash
development
npm run dev
production
npm run build
``