如何使用CRXJS Vite Plugin提升浏览器插件开发效率？

浏览器插件热更新脚手架

在开发浏览器插件时，热更新功能至关重要，可极大提高开发效率。对于使用 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](网址请自行搜索)。

以上就是如何使用CRXJS Vite Plugin提升浏览器插件开发效率？的详细内容，更多请关注其它相关文章！

Tags： 浏览器插件插件