# InsuRo 대형 번들 코드 스플리팅

## 작업 레벨: Lv.1

## 프로젝트
- InsuRo: `/home/jay/projects/InsuRo`

## 문제
Vite 빌드 시 chunk size 경고:
- PdfEditor: 947KB
- ImageEditor: 498KB
- 첫 방문 시 다운로드 지연 → 빈 화면

## 수정
무거운 라이브러리를 dynamic import로 분리:

### PdfEditor (947KB)
- `pdf-lib`, `react-pdf` → 별도 chunk으로 분리
- `vite.config.ts`에 manualChunks 추가:
```ts
build: {
  rollupOptions: {
    output: {
      manualChunks: {
        'pdf-libs': ['pdf-lib', 'react-pdf', 'pdfjs-dist'],
        'image-libs': ['fabric'],
      }
    }
  }
}
```

### ImageEditor (498KB)
- `fabric` → 별도 chunk

### 효과
- 메인 번들 크기 감소 → 초기 로딩 빨라짐
- PDF/이미지 편집기는 필요할 때만 로딩 (이미 lazy load)
- hover prefetch(task-2228)와 조합 → 체감 속도 대폭 개선

## affected_files
- `vite.config.ts` (수정 — manualChunks 추가)

## 검증 시나리오
1. npm run build → chunk size 경고 없음 (각 chunk 500KB 이하)
2. PdfEditor/ImageEditor 첫 접근 시 별도 chunk 로딩 확인
3. 기존 기능 동작에 영향 없음