# 文件职责

应用入口组件，负责整个**React应用**的初始化和全局配置。

# 实现方式

采用**Provider模式**和**高阶组件**模式，通过层层包裹的方式为整个应用提供全局能力：

- **Redux状态管理**通过 Provider 注入
- **国际化支持**通过 IntlProvider 提供
- **主题系统**通过 ConfigProvider 配置
- **日志系统**通过重写 console 方法实现

# 实现思路

1. **状态初始化阶段**：应用启动时加载**产品状态**和**多语言资源**
2. **加载状态管理**：显示加载界面直到**i18n资源**准备就绪
3. **错误处理**：当资源加载失败时提供重试机制
4. **开发工具注入**：在开发环境下注入**MSW（Mock Service Worker）**和**产品选择器**
5. **全局组件挂载**：挂载**采集追踪器**、**配额告警弹窗**等全局组件
6. **主题切换**：提供明暗主题切换功能
7. **测试支持**：在Cypress测试环境下暴露store到window对象

# 边界

## 输入边界

- children: 路由渲染的页面组件
- 环境变量: USE_MSW, NODE_ENV
- 浏览器语言偏好: window.navigator.language

## 输出边界

- 完整的应用运行环境（状态、主题、国际化）
- 全局UI组件（主题切换按钮、开发工具）
- CSS变量注入（用于Tailwind集成）

## 职责边界

- ✅ 负责：全局配置、状态初始化、资源加载、环境搭建
- ❌ 不负责：具体业务逻辑、路由定义、页面渲染

# 涉及概念

- **Redux Store**：全局状态管理容器
- **IntlProvider**：国际化上下文提供者
- **ConfigProvider**：Ant Design 配置提供者
- **MSW (Mock Service Worker)**：API模拟服务
- **Taro**：跨平台框架（提供 useLaunch hook）
- **Theme Token**：主题变量系统
- **CSS Custom Properties**：CSS变量，用于Tailwind集成
- **Locale**：语言区域设置
- **Browser Locale**：浏览器语言偏好
- **Loading State**：加载状态管理
- **Error Boundary**：错误边界（通过错误状态实现）
- **Logger**：日志系统
- **Cypress**：端到端测试框架