VSCode에서 import한 패키지 크기 바로 확인하기 (Import Cost extension)

 

VSCode 에서 bundle 사이즈를 쉽게 확인하는 확장 프로그램(extension)이 있는데, 유용해서 공유해보도록 하겠습니다.

 

Import Cost 

Import Cost는 VSCode 확장 프로그램인데요, 해당 Extension은 우리가 import하는 라이브러리들의 실제 번들 크기(gzip 기준)를 에디터 상에서 실시간으로 보여줍니다. 

 

 

아래와 같이 설치하면, import 문 오른쪽에 해당 라이브러리의 번들 용량이 표시되어 개발 중에 간편하게 크기를 확인할 수 있습니다.

 

 

마무리

 

오늘은 짧게 간단한 Extension에 대해 소개해보았습니다.

 

사용하면서 유용한 확장 프로그램이 있으면 한번씩 공유해보겠습니다.