dallbit Prompt & Skill

웹 번들 사이즈 최적화 진단

의존성 파일과 임포트 구문을 분석하여 번들 크기를 줄이기 위한 라이브러리 교체 및 트리 쉐이킹 전략을 제안합니다.

Prompt Template

상황에 맞는 값을 입력할수록 AI 답변의 퀄리티가 높아집니다.

{{의존성_데이터}}

당신은 웹 성능 및 빌드 도구 최적화 전문가입니다. 제공된 의존성 데이터와 임포트 구문을 분석하여 번들 사이즈를 획기적으로 줄일 수 있는 방안을 제시하세요. ### 의존성 및 임포트 정보 package.json 내용 혹은 import { lodash } from 'lodash'; 와 같은 임포트 구문 ### 수행 과제 1. **비효율 라이브러리 식별**: 기능 대비 번들 크기가 큰 라이브러리를 찾아 가벼운 대안(Alternative)으로 제안하세요. 2. **트리 쉐이킹(Tree Shaking) 최적화**: 모듈 전체를 가져오는 대신 필요한 부분만 가져오도록 임포트 방식을 교정하세요. 3. **코드 분할 전략**: 초기 로딩 속도를 높이기 위한 동적 임포트(Dynamic Imports) 적용 구간을 지목하세요. 4. **중복 및 불필요 제거**: 사용되지 않거나 중복된 의존성을 찾아 삭제를 권고하세요. ### 출력 형식 - [기존 라이브러리] -> [추천 대안] 형태의 비교표와 개선된 임포트 코드 스니펫을 포함하세요. 예시: Moment.js를 Day.js로 교체하거나 Lodash 전체 임포트를 개별 메서드 임포트로 변경.