230722 pkg-size 라이브러리로 패키지 설치 전 사이즈 확인하기

pkg-size

프로젝트에 패키지를 설치하기 전, 해당 패키지의 사이즈가 프로젝트에 어떤 영향을 미칠지를 판단을 해야하는데,
의존성을 포함한 npm package 사이즈 를 확인할 수 있는 웹페이지가 생겨서 공유해봅니다.

첫 화면에 접근하면, package 이름을 입력하도록 되어있습니다. npm install <package name> 이라고 되어있는 UI 가 재밌더라구요

저는 현재 개인프로젝트에서 buefy 를 사용하고있어서, 테스트로 넣어봤습니다.

package 이름을 입력하고 실행을 하면, 하단에 자세한 패키지 정보가 나옵니다.
UI 가 너무 깔끔하고 퍼포먼스가 굉장히 빠르네요.

작동 방식과 자세한건 Hiroki Twitter 에서 확인 가능하다고 해요.