Skip to content

Conversation

@BHyeonKim
Copy link
Contributor

@BHyeonKim BHyeonKim commented Jun 12, 2025

vite config에서 @amchart가 no external로 설정되있어서 amchart에 트리쉐이킹이 적용안되고 모든 번들이 빌드파일에 들어갔습니다.

📝 요약(Summary)

@amchart가 트리쉐이킹이 안되서 모든 모듈이 번들파일에 포함되었습니다.
번들파일의 크기가 약 4.6mb가 되었습니다.
스크린샷 2025-06-12 오후 2 42 30

vite.config.js의 잘못된 config를 제거하고 차트 컴포넌트와 채팅 컴포넌트를 lazy import 하였습니다.
최종적으로 번들파일의 크기가 약 90kb로 줄어들었습니다.
스크린샷 2025-06-12 오후 2 40 11

🛠️ PR 유형

어떤 변경 사항이 있나요?

  • 새로운 기능 추가
  • 버그 수정
  • CSS 등 사용자 UI 디자인 변경
  • 코드에 영향을 주지 않는 변경사항(오타 수정, 탭 사이즈 변경, 변수명 변경)
  • 코드 리팩토링
  • 주석 추가 및 수정
  • 테스트 추가, 테스트 리팩토링
  • 빌드 부분 혹은 패키지 매니저 수정
  • 문서 수정
  • 파일 혹은 폴더 수정/삭제

💬 공유사항 to 리뷰어

ex) 메서드 XXX의 이름을 더 잘 짓고 싶은데 혹시 좋은 명칭이 있을까요?

📸스크린샷 (선택)


## ✅ PR Checklist PR이 다음 요구 사항을 충족하는지 확인하세요.
  • 커밋 메시지 컨벤션에 맞게 작성했습니다.
  • 변경 사항에 대한 테스트를 했습니다.(버그 수정/기능에 대한 테스트).

Closes #31

vite config에서 @amchart가 no external로 설정되있어서 amchart에 트리쉐이킹이 적용안되고 모든 번들이 빌드파일에 들어갔습니다.

issues: #31
@BHyeonKim BHyeonKim self-assigned this Jun 12, 2025
@BHyeonKim BHyeonKim merged commit ed137f3 into main Jun 12, 2025
2 checks passed
@investfuture-sonarqube1
Copy link

Failed Quality Gate failed

  • 0.00% Coverage on New Code (is less than 80.00%)

Project ID: CleanEngine_cleanengine-fe_c6875537-ed9d-4dfe-b79c-ea5cb6d2a0e3

View in SonarQube

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FE] - 빌드 청크 분리

2 participants