zdl
|
c593582006
|
feat(devtools): 添加生产环境调试工具系统
新增调试工具目录 src/devtools/，提供完整的生产环境调试能力：
- apiDebugger: 拦截所有 API 请求/响应，记录日志
- notificationDebugger: 测试浏览器通知，检查权限
- socketDebugger: 监听所有 Socket 事件，诊断连接状态
- 全局 API: window.__DEBUG__ 提供便捷的控制台调试命令
功能特性：
- 环境变量控制：REACT_APP_ENABLE_DEBUG=true 开启
- 动态导入：不影响生产环境性能
- 完整诊断：diagnose()、performance()、exportAll()
- 易于移除：所有代码集中在 src/devtools/ 目录
Webpack 配置：
- 添加 'debug' alias 强制解析到 node_modules/debug
- 添加 @devtools alias 简化导入路径
- 避免与 npm debug 包的命名冲突
🔧 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-11-10 17:26:14 +08:00 |
|
zdl
|
d4c731730f
|
fix: 修复 Mock 模式下 webpack proxy 配置和优化构建配置
问题：
1. Mock 模式下 webpack devServer proxy 在服务器层转发请求，导致 MSW 无法拦截
2. Chakra UI 和 Ant Design 的 cacheGroups priority 相同（22），可能导致分割冲突
3. maxSize 限制 244KB 过小，导致中型库过度分割
4. 缺少 Mock 模式调试日志
修复：
1. 添加 isMockMode() 工具函数（与 apiConfig.js 保持一致）
2. Mock 模式下禁用 proxy，让 MSW 在浏览器层拦截请求
3. 添加 onListening 钩子打印 Mock 模式和 Proxy 状态
4. 修复 Chakra UI priority: 22 → 23（避免与 Ant Design 冲突）
5. 优化 maxSize: 244KB → 512KB（与 performance.maxAssetSize 一致）
效果：
- Mock 模式：proxy 禁用 → MSW 拦截 → 返回 mock 数据 ✅
- 真实后端：proxy 启用 → 转发到后端服务器 ✅
- 减少过度分割，降低 HTTP 请求数，提升加载性能
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-11-05 13:12:51 +08:00 |
|
zdl
|
26ad017d32
|
feat: bugfix
|
2025-11-03 18:11:21 +08:00 |
|
zdl
|
3882d5533c
|
feat: Webpack 路径别名优化
|
2025-10-30 15:42:54 +08:00 |
|
zdl
|
7c166f7186
|
feat: 手机验证码调试
|
2025-10-16 10:09:15 +08:00 |
|
zdl
|
fae8ef10b1
|
feat: 优化构建速度和包大小
|
2025-10-13 16:01:17 +08:00 |
|