开源
这是一个用于创建Chrome扩展程序的模板,使用React和TypeScript构建。重点在于利用Vite(Rollup)和Turborepo提高构建速度和开发体验。
关于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 日。