# webapck
총 1개의 포스트
[웹 성능 최적화 1] 웹팩으로 Vue.js 번들 크기 줄이는 방법
Webpack Bundle Analizer > Webpack : 웹 어플리케이션을 구성하는 자원(HTML, CSS, Javascript, Images 등)을 모두 각각의 모듈로 보고 이를 Bundling하여 병합된 하나의 결과물을 만드는 도구 점점 프로젝트의 규모가 커지다 보면 빌드 시간을 잡아먹는 뚱뚱한 파일녀석이 생기게 됩니다. 이럴 때는 어떤 라이브러리 혹은 파일이 큰 용량을 잡아먹는 지 찾아야 합니다. 🧐 또한, 여러 라이브러리들을 설치하다가 각 모듈의 중복된 라이브러리를 포함하고 있으면 웹팩 성능 저하를 초래할 수 있습니다. 이런 번들링한 파일을 시각적으로 확인할 수 있다면 최적화를 좀 더 쉽게 할 수 있지 않을까? 하는 생각에 찾아본 결과 이러한 역할을 해주는 플러그인을 찾을 수 있었습니다. Webpack Bundle Analyzer Webpack을 사용하여 번들링되는 모듈을 분석하여 시각적으로 표현해주는 모듈입니다. 모듈이 차지하는 용량에 따
2022년 12월 15일
·
0개의 댓글·
0