如何用React或Vue高效开发浏览器插件并享受热更新？

开发者的好帮手：支持浏览器插件热更新的脚手架

想要用 react 或 vue 开发浏览器插件，并获得 api 类型支持？我们隆重推荐 crxjs vite plugin！

crxjs vite plugin

这是一个为 chrome 和 firefox 扩展开发而生的 vite 插件。它提供：

立即学习“前端免费学习笔记（深入）”；

• 热更新支持：实时更新插件，无需重新加载浏览器。
• 类型支持：为插件 api 提供了稳如磐石的类型提示。
• 代码分割：可以使用按需加载来优化扩展性能。

快速上手

安装：

npm install crxjs-vite-plugin --save-dev

登录后复制

在你的 vite.config.js 中配置：

import { crxJS } from 'crxjs-vite-plugin';

export default {
  plugins: [crxJS()]
};

登录后复制

了解更多

欢迎观看我的视频，快速了解 crxjs vite plugin：

[2024 浏览器扩展开发必备：crxjs vite plugin](视频链接)

以上就是如何用React或Vue高效开发浏览器插件并享受热更新？的详细内容，更多请关注其它相关文章！

Tags： 浏览器插件高效