🟦 TypeScript Tooling & tsconfig.json

TypeScript's tooling helps you configure the compiler and your project via tsconfig.json, so your code compiles exactly how you want it.

📁 What is tsconfig.json?

This file tells the TypeScript compiler (tsc) how to compile your project — what files to include, target JavaScript version, module system, and more.

📝 Sample tsconfig.json

🔧 Key Compiler Options

• target: JavaScript version output (ES5, ES6/ES2015, ESNext, etc.)
• module: Module system (CommonJS, ESNext, AMD, etc.)
• strict: Enables strict type-checking options (recommended)
• outDir: Output directory for compiled JS files
• rootDir: Directory containing source TS files
• esModuleInterop: Enables compatibility for importing CommonJS modules
• sourceMap: Generates source maps for debugging

📦 Quick Usage

# Initialize tsconfig.json
tsc --init

# Compile your project based on tsconfig.json
tsc

# Compile and watch for changes
tsc --watch
  

🔍 Integrating with Node.js and Bundlers

Use esModuleInterop and module options for smooth interop with Node.js and bundlers like Webpack or Rollup.

📂 Folder Structure Example

my-project/
├── src/
│   └── index.ts
├── dist/
│   └── index.js
├── tsconfig.json
└── package.json