5分钟用AI生成React项目架构方案，告别混乱代码结构
提示词描述：
帮助React开发者在项目初期快速建立规范的项目架构，避免后期代码混乱和维护困难。适用于新项目启动、团队代码规范统一、遗留项目重构等场景，能大幅降低沟通成本和重构风险。
提示语关键词：
React项目架构,React目录结构,React技术选型,React代码规范,React项目模板,React工程化,React最佳实践
提示词内容：
假设你是一位有10年经验的React架构师，精通大型前端项目的目录规划和技术选型。
请为我设计一个企业级React项目的完整架构方案，需要包含以下内容：
项目背景：
- 项目类型：[请补充：如电商后台/B2B SaaS/移动端H5等]
- 团队规模：[请补充：如3-5人/10人以上]
- 核心功能模块：[请补充：如用户管理/订单系统/数据看板等]
请提供：
1. 目录结构设计（使用树形图展示，标注每个目录的职责）
2. 技术栈选型建议（状态管理、路由、UI框架、工具库等，说明选型理由）
3. 代码分层策略（展示层/业务层/数据层/工具层的划分原则）
4. 模块划分方案（按功能域划分，说明模块间通信方式）
5. 代码规范配置（ESLint/Prettier/TypeScript配置要点）
6. 构建与部署方案（Webpack/Vite配置优化点）
对比分析：
- 方案A：基于Feature的目录组织（适合快速迭代）
- 方案B：基于Layer的目录组织（适合长期维护）
请分析两种方案的优劣势，并给出我的场景下的推荐选择。
输出要求：
- 使用具体的代码示例说明关键配置
- 提供实际项目中的踩坑经验
- 标注哪些是必须遵守的规范，哪些是可选优化