웹팩으로 Vue.JS 번들 크기를 줄이는 방법

js 프로젝트에서 Webpack을 사용하여 번들 크기를 줄이는 방법을 다룹니다. 0 팀에서 제조 공장을 위한 앱 스토어 형태의 시스템을 개발하며 겪었던 번들 크기 초과 문제를 해결하기 위한 과정을 공유합니다.

초기 빌드 시 244 KiB를 초과하는 에셋이 다수 발견되었고, 이를 해결하기 위해 `webpack-bundle-analyzer`를 사용하여 크기가 큰 번들 파일의 원인을 분석했습니다. 분석 결과를 바탕으로 번들 크기를 효과적으로 줄이는 다양한 최적화 기법을 소개하며, 웹 성능 향상에 기여하는 방법을 제시합니다.

로 줄이는 다양한 최적화 기법을 소개하며, 웹 성능 향상에 기여하는 방법을 제시합니다.