tsconfig를 extends해서 사용할 때, 현재 tsconfig가 어떤식으로 되어 있는지 확인하기

tsconfig를 extends할 때, compilerOptions가 어떻게 해석되는지 가시적으로 보고 싶은 경우

AS-IS

// packages/packageA/tsconfig.json
{
  "extends": "../../tsconfig.json",
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist",
    "paths": {
      "@/*": ["src/*"],
      "#/*": ["test/*"]
    },
    "typeRoots": ["../../node_modules/@types", "node_modules/@types", "../../@types"],
    "jsx": "react"
  },
  "include": ["src", "test", "vite.config.ts", "../../@types"],
  "exclude": ["../../node_modules", "node_modules", "dist"]
}

TO-BE

// printTsConfig.js
const ts = require('typescript')

const configPath = ts.findConfigFile('.', ts.sys.fileExists, 'tsconfig.json')
const readResult = ts.readConfigFile(configPath, ts.sys.readFile)
const config = ts.parseJsonConfigFileContent(readResult.config, ts.sys, '.')

console.log(JSON.stringify(config.options, null, 2))

node printTsConfig.js > tsconfig.generated.json