CRA 설치

CRA 설치 시 옵션으로 typescript를 설정할 수 있다.

npx create-react-app test-app --template typescript

Typescript 설정 파일 설명은 해당 링크에서 볼 수 있어요 :)

절대경로 설정

// as-is..😊
import Test from "./components/test";

// to-be..😊
import Test from "components/test";

tsconfig.json 파일을 수정해서 기본 경로를 설정

// compilerOptions에 아래 내용 추가

"baseUrl": "src" // import 시 기준이 되는 경로 설정

path와 alias 설정은 따로 하지 않을 거라, webpack config를 변경하지 않아도 src를 기준으로 절대 경로 사용이 가능하다 :)

🖐 혹시 이상하거나 틀린 점들은 언제든지 아래 댓글로 남겨주세요. 저에게 힘이 돼요 :)