tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    // false로 하면, createElement를 못찾는다. 리액트가 cjs 모듈로 되어있는데 이 플래그를 통해 es6 모듈로 import 가능.
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    // 파일명에 대소문자 구분하지 않아도 되는 기능
    "forceConsistentCasingInFileNames": true,
    "module": "commonjs",
    "moduleResolution": "node",
    "isolatedModules": true,
    // 결과파일을 저장하지 않음. 얘를 true하면 왜 Module build failed. no output 이라 뜨는지 모르겠다.
    "noEmit": false,
    "jsx": "react",
    // 런타임에서 프로젝트 구조를 나타내는 root folder 리스트.
    "rootDirs": ["src", "stories"],
    "baseUrl": ".",
    // experimental decorator 활성화하기
    "experimentalDecorators": true
    // https://rollupjs.org/guide/en/
    // TS 사용한다면, tsconfig.json의 types를 이용하여 원하는 @types 패키지를 명시적으로 작성해줘야 한다.
    // 디폴트는 all visible "@types" 패키지는 컴파일 단계에서 다 포함된다.
    // "types": [],
  },
  // "include": ["src/**/*", "stories/**/*"],
  "exclude": ["node_modules", "build"]
}