CRXJS团队于近期宣布v2.0.0正式版发布，标志着这一基于Vite的Chrome扩展开发工具链结束三年beta测试阶段，全面进入稳定应用期。该版本历经Vite 3至Vite 6多版本迭代，已形成成熟的扩展开发解决方案
CRXJS 致力于为开发者提供高效、现代化的浏览器扩展开发体验。它通过直接解析 manifest.json 文件，实现了零配置的开发流程，并支持包括内容脚本在内的全局热模块替换（HMR）。 CRXJS 兼容主流前端框架，适用于多种技术栈，帮助开发者专注于功能实现，而无需关注繁琐的构建和配置细节。
全新官网
官网地址: crxjs.dev/
全新官网正式上线，提供更高效的开发指引，全面支持中文文档。配套提供LLMS-TXT标准化配置文件，使AI辅助工具能够更精准解析项目结构
背景与动机
随着 Web 技术的快速发展，开发者对工具链的易用性和效率提出了更高要求。虽然 Vite、Webpack 等现代构建工具极大提升了 Web 应用开发体验，但浏览器扩展开发领域仍存在以下痛点：
- 配置复杂，样板代码繁多
- 内容脚本和页面脚本的热更新支持有限
- 不同前端框架的集成不够灵活
- 构建流程与主流 Web 应用开发割裂 CRXJS 针对上述问题，提供了统一、简洁且高效的解决方案。
核心特性
- 热模块替换（HMR）
支持包括内容脚本、页面脚本在内的全局热更新。开发过程中，代码变更可即时反映，无需手动刷新或重载扩展，显著提升开发效率。
- 零配置开发
以 manifest.json 为唯一配置入口，自动识别并打包所有扩展资源。无需手动维护复杂的构建脚本，降低上手门槛。
- 框架无关
兼容 React、Vue、Svelte、SolidJS 及原生 JavaScript 等多种前端框架，适应不同项目和团队的技术选型。
- 现代开发体验
基于 Vite，集成快速构建、模块热替换、静态资源导入等现代前端开发特性，使扩展开发流程与主流 Web 应用开发保持一致。
快速开始
-
使用create-crxjs快速启动项目
shellnpm create crxjs -
进去项目目录
shellcd [目录名称] -
安装依赖
shellnpm install -
启动开发服务器
shellnpm run dev
加载本地扩展至浏览器
- 打开浏览器并导航至
chrome://extensions - 打开开发者模式
- 点击
加载解压缩的扩展按钮并选择您项目的dist目录。
社区与支持
CRXJS 是一个开源项目，社区活跃，欢迎参与贡献。您可以通过以下渠道与社区互动：
感谢您的参与和支持！