- ✅ 新增 measure(name, startMark, endMark) 方法(支持命名测量) - ✅ 新增 getMarks() - 获取所有性能标记 - ✅ 新增 getMeasures() - 获取所有测量结果 - ✅ 新增 getReport() - 返回完整 JSON 报告 - ✅ 新增 exportJSON() - 导出 JSON 文件 - ✅ 新增 reportToPostHog() - 上报到 PostHog - ✅ 新增全局 API window.__PERFORMANCE__(仅开发环境) - ✅ 彩色控制台使用说明 2️⃣ 添加 PostHog 性能上报 - ✅ 在 posthog.js 中新增 reportPerformanceMetrics() 函数 - ✅ 上报所有关键性能指标(网络、渲染、React) - ✅ 自动计算性能评分(0-100) - ✅ 包含浏览器和设备信息
48 lines
1.6 KiB
Plaintext
48 lines
1.6 KiB
Plaintext
# ========================================
|
||
# 生产环境配置
|
||
# ========================================
|
||
|
||
# 环境标识
|
||
REACT_APP_ENV=production
|
||
NODE_ENV=production
|
||
|
||
# Mock 配置(生产环境禁用 Mock)
|
||
REACT_APP_ENABLE_MOCK=false
|
||
|
||
# 🔧 调试模式(生产环境临时调试用)
|
||
# 开启后会在全局暴露 window.__DEBUG__
|
||
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
|
||
|
||
# 性能监控配置(生产环境)
|
||
# 启用性能监控
|
||
REACT_APP_ENABLE_PERFORMANCE_MONITOR=true
|
||
# 禁用性能面板(仅开发环境)
|
||
REACT_APP_ENABLE_PERFORMANCE_PANEL=false
|
||
# 启用 PostHog 性能数据上报
|
||
REACT_APP_REPORT_TO_POSTHOG=true
|