next에 import 절대경로 지정하기 "@"

절대경로 사용하는 이유 : ../../../../ 의 지옥에 빠지지않기위해. 코드의간결성

리액트에서는 CRA로 만들어 craco를 설치해서 지정했는데, craco는 next에서는 안된다.
next에서 절대경로 지정하는 방법을 알아보자.

import '../styles/globals.css'; // 상대경로
import '@styles/globals.css'; // 절대경로

1. 루트에 jsconfig.json 파일 생성

{
  "compilerOptions": {
    "baseUrl": ".", 
    "paths": {
      "@modules/*": ["modules/*"],
      "@lib/*": ["lib/*"],
      "@container/*": ["container/*"],
      "@components/*": ["components/*"],
      "@public/*": ["public/*"],
      "@styles/*": ["styles/*"]
    }
  }
}

절대경로 ==> "baseUrl":"경로"
별칭(@) ==> "paths":{"@별칭명/*":["경로/*"]}

다 하고도 지정이 안되는 경우가 있는데 이건 적용되는 속도가 느린거다.
거의 대부분 시간이 지나면 해결된다.
나같은경우 안되서 하루종일잡고있다가 포기했는데 결국 다음날 컴터키니까 적용되어있었음......
애타지말고 걍 작업하자.. 다음날되어있으니