절대 경로를 사용하여 모듈 임포트 하기

절대 경로를 이용하여 모듈을 import 하기 위해서는 프로젝트의 루트 디렉토리에 jsconfig.json 파일을 생성하고 옵션을 설정해야 한다. (TypeScript 를 사용한다면 tsconfig.json)

jsconfig.json

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

jsconfig.json 파일이 없는 경우 import 방법

import Button from '../../components/Button';

jsconfig.json 파일이 있는 경우 import 방법

import Button from 'components/Button';

VSCode는 jsconfig.json 파일 존재 여부에 따라 다르게 동작한다.
jsconfig.json 없을 때 모든 파일들은 독립적인 개체들로 다루어지고, 있을 때는 프로젝트에 속해 있는 개체로 인식한다.

참고

https://create-react-app.dev/docs/importing-a-component#absolute-imports
https://code.visualstudio.com/docs/languages/jsconfig