본문 바로가기 메뉴 바로가기

후니의 개발 기록

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

후니의 개발 기록

검색하기 폼
  • 분류 전체보기 (11)
    • 일상 (0)
    • TIL (7)
    • JavaScript (1)
    • TIS (2)
    • React (1)
  • 방명록

번들사이즈 (1)
[TIL] 가장 쉽게 create react app 번들 사이즈 확인하는방법

가장 쉽게 create react app 번들 사이즈 확인하는방법 1. 배경평소 create-react-app(cra)로 제작된 프로젝트의 번들 사이즈를 확인할 때 webpack-bundle-analyzer를 활용했다. 위 패키지를 활용하기 위해선 webpack 설정을 건드려야 했다.이로 인해 eject를 하거나, 또는 react-app-rewired, craco와 같은 라이브러리를 사용했어야만 했다. 최근 create-react-app 공식 문서를 확인해 본 결과webpack 설정 필요 없이 아주 간단하게! 번들 사이즈를 확인할 수 있는 방법이 있었다. 바로 source-map-explorer를 활용하면 된다. 2. 예시 check-bundle-size라는 앱을 만든다.npx create-react-a..

TIL 2023. 2. 6. 21:16
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • Cypress
  • e2e
  • Prettier
  • eslint
  • react18
  • vscode
  • css
  • test
  • hooks
  • javascript
  • event
  • 번들사이즈
  • TypeScript
  • useRef
  • Generic
  • create-react-app
  • 충돌
  • error
  • React
more
«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바