JavaScript/TypeScript 프로젝트에서 사용하지 않는 패키지를 정리하는 방법

개발자의 세계에 마법이 있다면 어떨까요?

때때로 우리는 프로젝트에 몰두하여 패키지를 하나씩 설치하다가 "그건 나에게 필요한 패키지가 아니다"라는 사실을 깨닫곤 합니다. 그럼 다른 패키지를 설치해 보세요. 문제가 해결되었죠? 그러나 시간이 지남에 따라 프로젝트에 사용되지 않은 패키지가 누적됩니다. 저는 package.json을 방문하여 사용하지 않는 패키지를 정렬하곤 했습니다.

인터넷에서 흥미로운 것을 찾기 위한 모험에서 JavaScript의 마법의 빗자루를 발견하기 전까지는 말이죠. depcheck 몇 초 만에 프로젝트가 정리되었고, 이 작은 비법을 누군가와 공유하고 싶다고 생각했습니다.

딥체크란 무엇인가요?

Depcheck는 사용되지 않는 패키지/종속성 및 누락된 종속성을 식별하여 JavaScript 및 TypeScript 프로젝트를 분석하도록 설계된 강력한 명령줄 도구입니다. package.json 또는 node_modules 정글을 수동으로 검색할 필요가 없습니다.

Depcheck를 사용하면 다음을 수행할 수 있습니다.

• 프로젝트에서 사용하지 않는 종속성을 자동으로 나열합니다.
• 사용 중이지만 package.json에 선언되지 않은 누락 종속성을 식별합니다.
• 프로젝트 구조와 도구에 맞게 분석을 사용자 정의하세요.

Depcheck가 필요한 이유는 무엇인가요?

현대 개발에는 수많은 라이브러리와 프레임워크가 사용됩니다. 시간이 지남에 따라 불필요한 종속성이 축적되어 프로젝트가 다음과 같이 되기 쉽습니다.

Bloated — 사용하지 않는 패키지는 node_modules의 크기를 늘려 혼란을 더합니다.

느림 - 패키지가 많을수록 설치 및 빌드 프로세스가 느려집니다.

유지관리가 더 어려워짐 — 필수 패키지와 중복 패키지를 추적하는 것이 부담스럽습니다.

Depcheck는 안전하게 제거할 수 있는 패키지를 정확하게 찾아 이러한 문제를 정면으로 해결합니다.

Depcheck 사용방법

Depcheck를 워크플로에 통합하는 방법을 살펴보겠습니다.

1. 뎁체크 설치

Depcheck는 전역적으로 설치하거나 프로젝트의 개발 종속 항목으로 설치할 수 있습니다.

npm install -g depcheck

또는

npm install --save-dev depcheck

2. 딥체크 실행

프로젝트의 루트 디렉터리로 이동하여 다음을 실행합니다.

딥체크

Depcheck는 프로젝트를 분석하고 두 가지 주요 목록을 출력합니다.

1. 사용하지 않는 종속성 — 설치되었지만 코드에서 사용되지 않습니다.
2. 누락된 종속성 — 코드에 사용되지만 package.json에는 나열되지 않습니다.

3. 출력 예

일반적인 출력은 다음과 같습니다.

Unused dependencies
* moment
* lodash

Unused devDependencies
* jest
* eslint

Missing dependencies
* chalk

여기서 사용하지 않는 종속성을 확실하게 제거하고 누락된 종속성을 추가할 수 있습니다.

고급 옵션

Depcheck는 분석을 향상하기 위한 여러 옵션을 지원합니다.

특정 종속성 무시

항상 보관하고 싶은 특정 패키지가 있는 경우 다음 옵션을 추가하여 해당 패키지를 무시할 수 있습니다.

depcheck --ignores=chalk,jest

맞춤형 파서 및 감지기

프로젝트에서 색다른 모듈 패턴을 사용하는 경우 Depcheck가 코드를 정확하게 분석하는 데 도움이 되는 맞춤형 파서 또는 감지기를 지정할 수 있습니다.

CI/CD와 통합

자동화된 종속성 관리를 위해 Depcheck를 CI/CD 파이프라인에 통합하여 개발 전반에 걸쳐 프로젝트가 간결하게 유지되도록 하세요.

• 자신감 있게 청소

Depcheck가 사용하지 않는 종속성을 식별하면 다음을 사용하여 제거할 수 있습니다.

npm 제거 패키지 이름

누락된 종속성의 경우 프로젝트에 추가할 수 있습니다.

npm 설치 누락 패키지

이렇게 하면 프로젝트의 package.json이 최적화된 상태로 유지되어 작업 속도가 느려지지 않습니다.

결론

Depcheck를 사용하여 프로젝트를 정리하고 작업 흐름을 쉽게 간소화할 수 있었습니다. 필요한지 몰랐지만 일단 사용해 보지 않고는 작업할 수 없다는 것을 상상할 수 없는 도구입니다.

종속성을 수동으로 선별하거나 비대해진 node_modules를 처리하는 데 지쳤다면 Depcheck를 사용해 보세요. 깔끔하고 잘 구성된 프로젝트가 얼마나 만족스러운지 놀라게 될 것입니다.

Depcheck를 사용해 보셨나요, 아니면 프로젝트를 간결하게 유지하기 위한 다른 요령이 있나요? 아래에 여러분의 생각을 공유해 주세요. 듣고 싶습니다! 행복한 코딩.

위 내용은 JavaScript/TypeScript 프로젝트에서 사용하지 않는 패키지를 정리하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!