Webpack

프런트엔드 최적화를 하다 보면 결국 Webpack 설정으로 돌아오게 됩니다. 캐시 전략부터 이미지·환경 변수 처리까지 모두 Webpack 단계에서 해결해야 하죠. 하지만 전체 흐름을 이해하지 못하면 작은 설정 변경에도 예기치 않은 문제가 발생합니다. 이번 글에서는 We

SMWP로 빌드 병목을 분석해 TerserPlugin이 50% 시간을 차지함을 확인했습니다. Babel과 Terser를 SWC로 전환한 결과, Hot Reloading은 60% 개선되고 배포 빌드는 40초에서 16초로 단축되었습니다.