
浏览器插件热更新脚手架
在开发浏览器插件时,热更新功能至关重要,可极大提高开发效率。对于使用 react 或 vue 进行开发,并希望获得对插件 api 的类型支持,推荐使用 crxjs vite plugin。
crxjs vite plugin
这是一个轻量级的 vite 插件,专门为在浏览器扩展中使用 react 和 vue 提供支持。其主要特性包括:
- 支持 react 和 vue
- 热更新功能
- 自动生成清单文件
- 插件 api 类型支持
安装
npm install @crxjs/vite-plugin --save-dev
使用
在你的 vite.config.ts 文件中添加以下内容:
import { defineConfig } from 'vite'
import crx from '@crxjs/vite-plugin'
export default defineConfig({
plugins: [crx()]
})了解更多
有关 crxjs vite plugin 的更多信息,请访问我的视频教程:[2024 浏览器扩展开发必备:crxjs vite plugin](网址请自行搜索)。










