본문 바로가기

카테고리 없음

Next.js 프로젝트 (4) - root 절대 경로 설정하기

Vue 쪽의 Nuxt는 루트 절대 경로는 ~ 또는 @ 로 지정하면 프로젝트 루트로 지정된다. 

하지만, Next는 그런 부분이 본적으로 설정하는 부분이 없다.

 

Next 문서에서 찾아보니 역시나 해당 설정 방법이 존재하였다.

Next 절대 경로 설정하기 확인

 

내용을 정리하자면 

Next에서는 자동으로 tsconfig.json, jsconfig.json, path, baseUrl 옵션을 지원한다.

complilerOptions 에 paths 속성에 원하는 기본 경로를 원하는 별명을 지어주면 소스에서 원하는 경로를 별명을 통해 지정이 가능하다.

나의 경우 아래와 같이 @/ 를 사용하면 루트가 지정되게 설정하였다.. 이게 static 자원이 있는 public 디렉토리와 영향이 있는지는... 좀 테스트를 해봐야할듯.

jsconfig.json

여튼.. 이렇게 설정하면

기존 .. 을 이용해서 경로를 찾았었는데 아래와 같이 가능하므로.. 중간에 디렉토리 위치가 바껴도 그대로 사용가능하여.. 절대 경로가 좋은듯

@/로 접근하기

혀튼 config 를 입맛대로 잘 사용한다면 더 이상 .. <- 이거는 안써도 될듯하다