패키지 삭제 전에는 npm ls <패키지명> 으로 의존관계 확인하기

TL;DR : 라이브러리를 삭제할 때는 npm ls <패키지명> 으로 참조관계를 먼저 확인하자.

 

회사 프로젝트에서는 주기적으로 사용하지 않는 라이브러리를 제거하고 있는데, 언젠간 잘 쓰겠지라는 마음으로 설치해두었던 @vueuse/core 가 있었다.

 

다만 기대와는 달리 오랜 기간동안 실제로 사용되지 않고 있어 이를 삭제하고 잊고 살고 있었다.

그런데 몇 개월 정도가 지난 뒤 motion에서 peerDeps로 참조하는 @vueuse/core를 참조할 수 없다는 빌드 에러가 발생하는데, 타임라인을 돌아보면 이랬던 것 같다.

 

1. (1월) @vueuse/core 라이브러리를 설치한다.

2. (3월) motion-v 라이브러리를 설치한다. (✅ @vueuse/core가 설치되어 있으므로 peerDeps 조건 만족)

3. (5월) 프로젝트 내에서 사용하는 곳이 없다고 판단해 @vueuse/core 를 제거한다.

4. (7월) 시간이 지난 뒤 motion-v에서 오류가 발생한다.

5. (해결) 라이브러리 참조용으로만 필요한 @vueuse/core 를 devDependency에 추가해 문제를 수정한다.

비즈니스 코드에서 안쓰이면 OK입니다 (???)

이러한 peerDeps는 코드 내에서 실제로 사용되고 있는지 찾기 어렵다는 문제가 있었고, 패키지를 삭제할 일이 있다면 삭제 전 npm ls 커맨드로 의존관계를 확인하면 에러를 줄일 수 있을 것 같다.

좌 : 타 라이브러리와 참조관계가 없을 때 / 우 : 타 라이브러리와 참조관계가 있을 때