---

name: structuring-typescript-code description: >- Guides TypeScript code structure: imports, exports, module organization. Use when organizing code, setting up project structure, or resolving circular dependencies. Triggers: "import", "export", "模块", "文件结构", "barrel", "循环依赖".

TypeScript 代码结构规范

核心约定

路径别名

Copy// tsconfig.json
{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": { "@/*": ["src/*"] }
  }
}

Copy// ✗ import { User } from '../../../types/user'
// ✓ import { User } from '@/types/user'

目录结构

Copysrc/
├── features/           # 按功能组织
│   ├── user/
│   │   ├── user.types.ts
│   │   ├── user.service.ts
│   │   └── index.ts
│   └── order/
└── shared/             # 共享代码

Barrel 文件

Copy// types/index.ts
export type { User, UserRole } from './user'
export type { Order } from './order'

// ✗ export * from './user'  // 影响 tree-shaking

何时用：小型模块、公共 API 入口 何时避免：大型项目深层目录

循环依赖

Copy# 检测
npx madge --circular --extensions ts src/

解决：提取共享类型到独立文件。