⚡Rspack官方转发推荐的开源浏览器插件开发框架 - AddFox

2 阅读1分钟

3b03eb9db71b1ff611129fbc2ee17c5.png

Snipaste_2026-03-24_12-53-41.png 👉 addfox.dev

👉 GitHub: github.com/addfox/addf…

👉 npm: www.npmjs.com/package/add…

如果你最近做过浏览器插件开发,大概率用过像 WXT 或 Plasmo 这样的工具。 它们确实推动了整个生态的发展 —— 更好的开发体验、更快的构建速度、更少的样板代码。

但我做了一个不太一样的东西:Addfox(Addon + Fox)。 目标是:为开发者和 AI 构建更好的插件开发体验。

⚡ 什么是 Addfox?

Addfox 是一个基于 Rsbuild / Rstack 构建的浏览器插件开发框架。

它的特点包括:

  • ⚡ 基于 Rust 的构建性能
  • 🧩 更可预测的打包行为
  • 🧩 Content UI 支持:内置 createContentUI 方法,方便集成 Iframe、Shadow DOM 和原生内容
  • 🧩 框架无关:支持 Vanilla、Vue、React、Preact、Svelte、Solid 等
  • 🧩 构建即打包:构建时自动输出插件 zip 包
  • 🧩 内置支持Rstest和Rsdoctor, 快速完成单元测试,e2e测试和分析报告
  • 🧩 终端错误输出(--debug):无需打开浏览器 DevTools,就能捕获所有插件错误,并可直接在编辑器中交给 AI 处理
  • 🧩 支持 Agent Skills
  • 🧩 支持 llms.txt 和 Markdown 元数据
  • 👉 更多功能请访问官网

📦 当前状态

  • 已发布 Beta 版本
  • 核心工作流基本稳定
  • 暂不支持 Safari
  • 正在根据真实使用场景持续迭代

如果你曾觉得现有插件框架有所限制,或者只是想试试另一个方案,可以试试

也很希望听听你和现有工具对比后的体验 🙌