라이브러리 중복

여러가지 패키지를 다운을 받게되면 해당 라이브러리들이 사용하는 종속 라이브러리들이 겹치는 경우가 많이 생기게 됩니다.



위 그림들 처럼 여러가지 버전이 다르게 라이브러리들이 중복이 될 수 있습니다.
종속 라이브러리들은 우리의 프로젝트 package.json에서 다루지 않고 해당 라이브러리 안에서 관리가 되기 때문에 중복이 발생하는데요.
이렇게 중복이 되면 번들의 크기가 늘어나고 성능저하가 일어날 수 있습니다.

라이브러리 중복 줄이기

npm dedupe

로컬 패키지 트리를 검색하고 종속성을 트리 위로 더 이동시켜 전체 구조를 단순화하려고 시도합니다. 여기서 여러 종속 패키지가보다 효과적으로 공유 할 수 있습니다.

yarn

yarn은 라이브러리 설치과정에서 완벽히 처리를 해주기 때문에 신경을 쓸 필요가 없다고 하는데 실제로는 그렇지 않습니다.
중복되는 라이브러리가 생길 수 있습니다.
yarn-deduplicate를 이용을 해서 이를 해결할 수 있습니다.
yarn2 에서는 npm과 같이 dedupe이 생겼기 때문에 이를 이용하시면 됩니다.

이렇게 중복된 라이브러리는 npm과 yarn에서 제공하는 기능을 통해서 해결할 수 있습니다.