webpack-bundle-analyer

yoeubi
1 min readAug 15, 2020

--

브라우저가 JS 파일을 다운로드 하고 실행하기 때문에

번들 파일 사이즈가 크면 클수록 화면이 늦게 뜬다.

그래서 번들파일 사이즈를 줄일려면

이 파일이 어떤 구성을 가지고 있는지를 알아야 한다.

webpack-bundle-analyzer는 webpack output 파일을 시각화한다.

위 명령어로 설치한다.

webpack.config.js에서 plugins안에 설정하면 된다.

--

--

yoeubi
yoeubi

Written by yoeubi

Junior Frontend engineer

No responses yet