[Next.js] export 후 사용하지않는 파일 찾아서 삭제하기 (next-unused)

프로젝트를 진행할 때 우리는 파일 한곳에서 모든 코드를 작성할일은 없을 것이다.
프로젝트의 규모가 작더라면 상관없겠지만 규모가 조금이라도 커지면 코드의 양은 방대해 질것이고,
파일들을 잘 구분해 놓지않는다면 유지보수를 할때 시간비용이 더 생기기 마련이다.

그것을 막고자 기능별, 카테고리별로 폴더를 나누고 그안에서도 여러파일로 쪼개어 작업을 하게되는데
이후에 리팩토링과 같은 코드 개선 작업을 진행하는경우 사용하지않는 파일이 생길수가 있고 이러한 파일들이 또 많아진다면 상당히 복잡해 질거 같기에 리팩토링이 끝나고 사용안하는 파일을 삭제하기위해 방법을 찾아보던중 next-unused 라는 라이브러리가 있길래 사용법을 정리하려고한다.

next-unused 설치

npm install -D next-unused

package.json에 script 추가

"scripts": {
  "find:unused": "next-unused"
}

package.json에 next-unused 속성 추가

{
 "next-unused": {
   "alias": {},
   "include": ["components","utils","pages"],
   "exclude": [],
   "entrypoints": []
 }
}

include에 사용안하는 파일을 추적하기 위한 폴더 이름을 지정한다.

실행

npm run find:unused

실행을 하면 아래와 같이 사용안하는 파일들이 나타나는것을 볼 수있다.

> consumer@0.1.0 find:unused
> next-unused

Found 5 unused files:
components/archive/ArchiveCommonStyle.tsx
components/archive/ArchiveContents.tsx
components/category/Gift.tsx
components/common/Pagination.tsx
utils/getClientId.ts