e9b54ce10d
主要改动: 配置本地开发环境 PostHog 上报到 Cloud\
1. 修改 npm start 默认行为
- start → 使用 .env.mock (默认 mock 数据)
- 添加 start:real → 使用 .env.local (真实后端)
2. 添加 PostHog 测试脚本
- 新增 test:tracking → 启用 PostHog debug 模式 + mock 数据
3. 清理冗余脚本
- 移除 start:local (冗余,只是调用 npm start)
- 重命名 install:clean → reinstall (移除自动启动)
- 添加 dev 快捷命令 (等同于 npm start)
- 添加 clean 命令 (只清理,不安装)
4. 优化 NODE_OPTIONS
- 不在每个命令中重复,通过注释说明可以提取为环境变量
- 保持 exit 0 在 lint 命令中
45 lines
1.4 KiB
Plaintext
45 lines
1.4 KiB
Plaintext
# ========================================
|
||
# Mock 测试环境配置
|
||
# ========================================
|
||
# 使用方式: npm run start:mock
|
||
#
|
||
# 工作原理：
|
||
# 1. 通过 env-cmd 加载此配置文件
|
||
# 2. REACT_APP_ENABLE_MOCK=true 会在 src/index.js 中启动 MSW (Mock Service Worker)
|
||
# 3. MSW 在浏览器层面拦截所有 HTTP 请求
|
||
# 4. 根据 src/mocks/handlers/* 中定义的规则返回 mock 数据
|
||
# 5. 未定义 mock 的接口会继续请求真实后端
|
||
#
|
||
# 适用场景：
|
||
# - 前端独立开发，无需后端支持
|
||
# - 测试特定接口的 UI 表现
|
||
# - 后端接口未就绪时的快速原型开发
|
||
# ========================================
|
||
|
||
# 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 配置
|
||
# Mock 模式下使用空字符串，让请求使用相对路径
|
||
# MSW 会在浏览器层拦截这些请求，不需要真实的后端地址
|
||
REACT_APP_API_URL=
|
||
|
||
# 启用 Mock 数据（核心配置）
|
||
# 此配置会触发 src/index.js 中的 MSW 初始化
|
||
REACT_APP_ENABLE_MOCK=true
|
||
|
||
# Mock 环境标识
|
||
REACT_APP_ENV=mock
|
||
|
||
# PostHog 配置（Mock 环境）
|
||
# 留空 = 仅控制台 debug
|
||
# 填入 Key = 控制台 + PostHog Cloud 双模式
|
||
REACT_APP_POSTHOG_KEY=
|
||
REACT_APP_POSTHOG_HOST=https://app.posthog.com
|
||
REACT_APP_ENABLE_SESSION_RECORDING=false
|