tsconfig

incremental

{
  "compilerOptions": {
    "incremental": "true"
  }
}

• .tsbuildinfo 라는 파일을 생성하는 속성
• 타입스크립트가 이전 컴파일 정보를 이용하여 다음 컴파일때 더 빠르게 타입 체크를 할 수 있도록 한다
• 원래 noEmit 속성과 함께 활성화되면 작동되지 않았지만 TS 4.0 부터 .tsbuildinfo 파일이 생성되도록 변경되었다.

plugins

{
  "compilerOptions": {
    "plugins": [{"name": "next"}]
  }
}

• 사용중인 코드에 대한 지원을 플러그인을 통해서 하고 이 플러그인은 코드 에디터에서 작동된다.
• 타입스크립트 컴파일러의 컴파일 기능이나 결과물에 영향을 주지 않으며 코드 에디터의 자동완성이나 에러 메 세지등을 위의 사진처럼 출력한다.

출처: https://github.com/vercel/next.js/issues/44574

paths

{
  "compilerOptions": {
    "paths": {
      "@/*": ["./*"]
    }
  }
}

• 모듈을 require 나 import 할때 파일 경로를 설정한다.
• 파일 경로의 prefix를 정하는 곳이다.
• 원래 baseUrl 속성과 함께 설정되어야 했으나 TS 4.1 부터 paths 속성을 사용할때 baseUrl 을 설정하지 않아도 되는걸로 변경되었다.

include, exclude

  "include": [
    "next-env.d.ts",
    "**/*.ts",
    "**/*.tsx",
    ".next/types/**/*.ts"
  ],
  "exclude": [
    "node_modules"
  ]

• include는 타입스크립트 컴파일러에 의해 컴파일될 파일들을 설정하는 것이다.
• exclude는 컴파일에서 제외시킨다.
• 바꿔말하면 실제 실행되는 프로젝트에 어떤 디렉토리, 파일들을 포함시킬지 제외시킬지 정하는 설정