开发环境痛点
浏览器扩展开发中常遇到代码修改后需手动 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モデルの対話とドキュメントの検索のためのウェブアシスタントプラグインについて