新增调试工具目录 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>
52 lines
1.8 KiB
Plaintext
52 lines
1.8 KiB
Plaintext
# ========================================
|
||
# 生产环境配置
|
||
# ========================================
|
||
# 使用方式: npm run build
|
||
#
|
||
# 工作原理:
|
||
# 1. 此文件专门用于生产环境构建
|
||
# 2. 构建时会将环境变量嵌入到打包文件中
|
||
# 3. 确保 PostHog 等服务使用正确的生产配置
|
||
# ========================================
|
||
|
||
# 环境标识
|
||
REACT_APP_ENV=production
|
||
NODE_ENV=production
|
||
|
||
# Mock 配置(生产环境禁用 Mock)
|
||
REACT_APP_ENABLE_MOCK=false
|
||
|
||
# 🔧 调试模式(生产环境临时调试用)
|
||
# 开启后会在全局暴露 window.__DEBUG__ 调试 API
|
||
# ⚠️ 警告: 调试模式会记录所有 API 请求/响应,调试完成后请立即关闭!
|
||
# 使用方法:
|
||
# 1. 设置为 true 并重新构建
|
||
# 2. 在浏览器控制台使用 window.__DEBUG__.help() 查看命令
|
||
# 3. 调试完成后设置为 false 并重新构建
|
||
REACT_APP_ENABLE_DEBUG=false
|
||
|
||
# 后端 API 地址(生产环境)
|
||
REACT_APP_API_URL=http://49.232.185.254:5001
|
||
|
||
# PostHog 分析配置(生产环境)
|
||
# PostHog API Key(从 PostHog 项目设置中获取)
|
||
REACT_APP_POSTHOG_KEY=phc_xKlRyG69Bx7hgOdFeCeLUvQWvSjw18ZKFgCwCeYezWF
|
||
# PostHog API Host(使用 PostHog Cloud)
|
||
REACT_APP_POSTHOG_HOST=https://app.posthog.com
|
||
# 启用会话录制(Session Recording)用于回放用户操作、排查问题
|
||
REACT_APP_ENABLE_SESSION_RECORDING=true
|
||
|
||
# React 构建优化配置
|
||
# 禁用 source map 生成(生产环境不需要,提升打包速度和安全性)
|
||
GENERATE_SOURCEMAP=false
|
||
# 跳过预检查(加快启动速度)
|
||
SKIP_PREFLIGHT_CHECK=true
|
||
# 禁用 ESLint 检查(生产构建时不需要)
|
||
DISABLE_ESLINT_PLUGIN=true
|
||
# TypeScript 编译错误时继续
|
||
TSC_COMPILE_ON_ERROR=true
|
||
# 图片内联大小限制
|
||
IMAGE_INLINE_SIZE_LIMIT=10000
|
||
# Node.js 内存限制(适用于大型项目)
|
||
NODE_OPTIONS=--max_old_space_size=4096
|