Umi Chrome Extensions Template

基于 Umi 的 Chrome 插件开发脚手架。

✨ 特性

• 🌋 企业级框架：基于 umi 和 umi 插件 umi-plugin-extension 构建，享受 umi 生态的全部技术能力；
• 📦 开箱即用：脚手架中已经配置 Chrome 插件开发常用的设置项；
• 🔥 热更新： 开发时 options 和 popup 页面支持 react hot reload 和 react devtools；
• ♻️ 自动重载： 开发时 contentScipts 和 background 支持自动刷新;
• 🔧 配置收敛：直接在 .umi.ts 或 config.ts 设置插件配置；
• ⛑ 类型安全： 脚手架由 Typescript 编写，已集成 Chrome 插件的类型定义文件。
• 🚀 版本发布： 使用 semantic release 实现语义化版本管理与自动发布流

📦 使用

克隆模板

git clone https://github.com/arvinxx/umi-chrome-extension-template.git

安装依赖，推荐使用 pnpm

pnpm i

🛠️ 开发

🔔 请确保你对 Chrome 插件开发已经有基本的了解，入门推荐：Chrome 插件(扩展)开发全攻略。

如果你对项目的配置有疑问，请查阅 umi-plugin-extension 配置项文档。 ➡️ 传送门

启动

pnpm start

👷 打包

构建生产产物直接运行：

pnpm run build

🤝 贡献

欢迎提交 PRs 和 issues。

License

MIT ® Arvin Xu