일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- MSW
- Basic
- amplify
- 자바스크립트
- JavaScript
- 쓰레드
- 컴포넌트
- next hydration
- 개발자
- 기초
- 동기
- React
- async
- link
- front-end mocking
- react server component
- Concurrent Mode
- 리액트네이티브
- vanilla-extract
- thread
- Babel
- Cache
- 아키텍처
- 비동기
- SWC
- 최적화
- react-query
- styled-component
- mock service worker
- 목킹
- sprinkles
- react-native
- next.js
- 기본
- mockoon
- 리액트쿼리
- CSS-in-JS
- 캐쉬
- 리액트
- Critical Rendering Path
Archives
- Today
- Total
목록웹팩 번들사이즈 (1)
Don’t worry about failures

웹펙의 옵션들을 통해 번들 사이즈를 최적화를 하고자한다. 1. Webpack mode 1-1 none 모드를 설정하지 않은 경우에는 웹팩의 기본 동작에 따라 동작. 개발 모드나 프로덕션 모드와는 달리 추가적인 최적화나 디버깅 정보를 포함하지 않는다. 1-2. Development 개발에 초점이 맞춰져 있다. 코드 최적화 작업이 이루어지지 않음. 디버깅에 도움되는 추가 정보를 번들에 포함. 소스맵을 생성하여 원본 코드와 번들된 코드 간의 매핑을 제공하여 디버깅에 용이함. 빠른 빌드 시간을 위해 코드 최적화를 최소화하고, 개발자 경험을 향상시키기 위해 빌드된 번들에 추가 정보 포함. 1-3 Production 코드를 최적화하고 번들 파일 크기를 최소화하여 빠른 성능을 제공한다. 불필요한 주석이나 공백 등의 ..
카테고리 없음
2024. 3. 12. 12:40