开发环境痛点
浏览器扩展开发中常遇到代码修改后需手动 reload 的问题,影响开发效率
热更新解决方案
- Configuração básica::
1. 确保正确执行bun dev
Iniciando o servidor de desenvolvimento
2. 在chrome://extensions启用「允许访问文件网址」 - 自动化工具链::
1. instalaçãowebpack-ext-reloader
plug-in (componente de software)
2. configuraçãowatch
选项监控content_scripts变化
3. 设置bun build --watch
Reconstrução automática - Dicas de depuração::
1. 使用Chrome开发者工具的「扩展程序」面板
2. 对background script添加debugger
语句
3. adoçãobun run inspect
启用Node调试
高级优化方案
• 配置Vite插件实现HMR热替换
• 开发时临时启用"persistent": true
保持后台常驻
- fazer uso dechrome.runtime.reload()
实现一键刷新
Essa resposta foi extraída do artigoPage Assist: plug-in de assistente da Web para diálogo de modelo de IA nativo e recuperação de documentosO