| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- CustomHook
- 클린코드
- Web
- 웹워커
- 자바스크립트
- 리팩토링
- Function Region
- 접근성
- Webworker
- 리액트
- JavaScript
- 프론트엔드
- 회고
- react
- TypeScript
- 티스토리챌린지
- context.api
- 이것저것
- 아키텍처
- sharedworker
- frontend
- 오블완
- provider 패턴
- MicroFrontEnd
- vite
- 에세이
- AI
- MFA
- CRA
- Aria
Archives
- Today
- Total
목록Build (1)
Lighthouse of FE beginner
Vite 프로젝트 번들링 최적화 (manualChunks)
이전에도 동일한 방법으로 번들링 최적화를 했던 경험이 있습니다. 이번 프로젝트에서도 마찬가지로 번들링 최적화를 위해 아래 작업을 거쳤습니다.https://velog.io/@kangactor123/Vite-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EB%B2%88%EB%93%A4%EB%A7%81-%EC%B5%9C%EC%A0%81%ED%99%94 Vite 프로젝트는 SPA 아키텍쳐이기 때문에 번들링 최적화를 해줘야 합니다. Vite는 개발 서버 구동을 위해 ESbuild와 네이티브 ESM을 사용하고 있고, 프로덕션 번들링을 위해 rollup이라는 번들러를 사용하고 있습니다. RollUp의 번들링 방식은 웹팩의 번들링 방식과 다릅니다. 초기에 소스 코드를 동일한 수준으로 (호이스팅이나..
[WEB] 프론트엔드
2024. 7. 2. 17:42