chrome-extension-boilerplate-react-vite

🔥 关于 chrome-extension-boilerplate-react-vite, 它:

• 提高开发效率：该项目专注于提高构建速度和开发体验，通过集成 Vite（Rollup）和 Turborepo 来实现。

• 现代技术栈：采用了 React 18、TypeScript、Tailwindcss 等现代前端技术，确保扩展程序的现代化和高性能。

• 跨浏览器兼容性：虽然主要针对 Chrome 扩展程序开发，但也提供了 Firefox 的开发和构建支持。

• 易于安装和使用：提供了详细的安装步骤和运行命令，使开发者能够快速上手。

• 社区支持和贡献：项目有多位贡献者，并鼓励社区成员参与贡献和维护。

• 开源和许可：作为一个开源项目，采用 MIT 许可证，允许自由修改和使用，促进了技术共享和进步。

- **提高开发效率**：该项目专注于提高构建速度和开发体验，通过集成 Vite（Rollup）和 Turborepo 来实现。  
- **现代技术栈**：采用了 React 18、TypeScript、Tailwindcss 等现代前端技术，确保扩展程序的现代化和高性能。  
- **跨浏览器兼容性**：虽然主要针对 Chrome 扩展程序开发，但也提供了 Firefox 的开发和构建支持。  
- **易于安装和使用**：提供了详细的安装步骤和运行命令，使开发者能够快速上手。  
- **社区支持和贡献**：项目有多位贡献者，并鼓励社区成员参与贡献和维护。  
- **开源和许可**：作为一个开源项目，采用 MIT 许可证，允许自由修改和使用，促进了技术共享和进步。  

摘要

GitHub 上的 Jonghakseo/chrome-extension-boilerplate-react-vite 项目是一个公共模板，用于利用 React、Vite 和 TypeScript 等现代前端技术开发 Chrome 扩展程序。该项目支持快速构建 Chrome 扩展程序，并提供了一系列的开发工具和优化配置，包括 React 18、TypeScript、Tailwindcss、Vite、Turborepo、Prettier 和 ESLint。此外，还包括对 Chrome Extension Manifest Version 3 的支持和自定义的 HMR（热模块替换）插件。

项目的文件结构分为三个主要部分：ChromeExtension、Packages 和 Pages。ChromeExtension 包含了扩展程序的基础结构，如背景脚本和清单文件。Packages 包含了一些共享包，用于开发 Chrome 扩展程序，如开发工具、HMR 插件和共享代码。Pages 包含了扩展程序的各种页面，如内容脚本、开发者工具、选项页等。

安装该项目需要克隆仓库、修改 messages.json 文件中的扩展程序描述和名称，全局安装 pnpm，并运行 pnpm install。针对不同浏览器（Chrome 和 Firefox）有不同的运行和构建命令。Firefox 需要注意的是，扩展程序在临时模式下加载，重新启动浏览器后需要再次加载。

该项目的维护者和贡献者列表显示了该项目拥有多位贡献者，并且提到了该脚手架的特殊感谢名单。项目采用 MIT 许可证，并提供了 23 个版本的发布历史，最新版本发布于 2024 年 5 月 24 日。