介绍
CRXJS 以零配置和框架无关的方式,带来流畅的热更新浏览器扩展开发体验。
CRXJS 致力于为开发者提供高效、现代化的浏览器扩展开发体验。它通过直接解析 manifest.json 文件,实现了零配置的开发流程,并支持包括内容脚本在内的全局热模块替换(HMR)。 CRXJS 兼容主流前端框架,适用于多种技术栈,帮助开发者专注于功能实现,而无需关注繁琐的构建和配置细节。
背景与动机
随着 Web 技术的快速发展,开发者对工具链的易用性和效率提出了更高要求。虽然 Vite、Webpack 等现代构建工具极大提升了 Web 应用开发体验,但浏览器扩展开发领域仍存在以下痛点:
- 配置复杂,样板代码繁多
- 内容脚本和页面脚本的热更新支持有限
- 不同前端框架的集成不够灵活
- 构建流程与主流 Web 应用开发割裂 CRXJS 针对上述问题,提供了统一、简洁且高效的解决方案。
核心特性
- 热模块替换(HMR)
支持包括内容脚本、页面脚本在内的全局热更新。开发过程中,代码变更可即时反映,无需手动刷新或重载扩展,显著提升开发效率。
- 零配置开发
以 manifest.json 为唯一配置入口,自动识别并打包所有扩展资源。无需手动维护复杂的构建脚本,降低上手门槛。
- 框架无关
兼容 React、Vue、Svelte、SolidJS 及原生 JavaScript 等多种前端框架,适应不同项目和团队的技术选型。
- 现代开发体验
基于 Vite,集成快速构建、模块热替换、静态资源导入等现代前端开发特性,使扩展开发流程与主流 Web 应用开发保持一致。
社区与支持
CRXJS 是一个开源项目,社区活跃,欢迎参与贡献。您可以通过以下渠道与社区互动:
感谢您的参与和支持!