최적화

1. 캐시버스팅을 통해 사용자가 최신 파일을 바라보도록 설정
2. 코드 번들 사이즈 줄이기
   1. code splitting
   2. chunk split

웹팩 설정 점검

1. 사용되지 않는 값이나, 로더, 플러그인 삭제

package.json

1. 쓰이지 않는 패키지 삭제

babel loader vs esbuild-loader

1. 웹팩 빌드 시간 측정

캐시버스팅 (cache busting)

• 개발 중 코드를 변경하더라도 적용되지 않는 경우가 있는데 기존 cache를 없애고 변경된 코드를 반영하기 위한 행위를 cache busting이라고 한다.
• 수정되어야 할 파일 이름에 버전 정보를 넣는다.
• 자주 수정되는 파일에 사용하는 경우에 유용하다.

자주 수정되는 파일?