- ✅ 新增 measure(name, startMark, endMark) 方法(支持命名测量) - ✅ 新增 getMarks() - 获取所有性能标记 - ✅ 新增 getMeasures() - 获取所有测量结果 - ✅ 新增 getReport() - 返回完整 JSON 报告 - ✅ 新增 exportJSON() - 导出 JSON 文件 - ✅ 新增 reportToPostHog() - 上报到 PostHog - ✅ 新增全局 API window.__PERFORMANCE__(仅开发环境) - ✅ 彩色控制台使用说明 2️⃣ 添加 PostHog 性能上报 - ✅ 在 posthog.js 中新增 reportPerformanceMetrics() 函数 - ✅ 上报所有关键性能指标(网络、渲染、React) - ✅ 自动计算性能评分(0-100) - ✅ 包含浏览器和设备信息
26 lines
658 B
Plaintext
26 lines
658 B
Plaintext
# 开发环境配置(连接真实后端)
|
||
# 使用方式: npm run start:dev
|
||
|
||
# React 构建优化配置
|
||
GENERATE_SOURCEMAP=false
|
||
SKIP_PREFLIGHT_CHECK=true
|
||
DISABLE_ESLINT_PLUGIN=true
|
||
TSC_COMPILE_ON_ERROR=true
|
||
IMAGE_INLINE_SIZE_LIMIT=10000
|
||
NODE_OPTIONS=--max_old_space_size=4096
|
||
|
||
# API 配置
|
||
# 后端 API 地址(开发环境会代理到这个地址)
|
||
REACT_APP_API_URL=http://49.232.185.254:5001
|
||
|
||
# 禁用 Mock 数据(使用真实API)
|
||
REACT_APP_ENABLE_MOCK=false
|
||
|
||
# 开发环境标识
|
||
REACT_APP_ENV=development
|
||
|
||
# 性能监控配置
|
||
REACT_APP_ENABLE_PERFORMANCE_MONITOR=true
|
||
REACT_APP_ENABLE_PERFORMANCE_PANEL=true
|
||
REACT_APP_REPORT_TO_POSTHOG=false
|