开发环境痛点
浏览器扩展开发中常遇到代码修改后需手动 reload 的问题,影响开发效率
热更新解决方案
- 基础配置:
1. 确保正确执行bun dev
启动开发服务器
2. 在chrome://extensions启用「允许访问文件网址」 - 自动化工具链:
1. 安装webpack-ext-reloader
插件
2. 配置watch
选项监控content_scripts变化
3. 设置bun build --watch
自动重建 - 调试技巧:
1. 使用Chrome开发者工具的「扩展程序」面板
2. 对background script添加debugger
语句
3. 通过bun run inspect
启用Node调试
高级优化方案
• 配置Vite插件实现HMR热替换
• 开发时临时启用"persistent": true
保持后台常驻
• 使用chrome.runtime.reload()
实现一键刷新
本答案来源于文章《Page Assist:本地AI模型对话与检索文档的网页助手插件》