إعدادات Target و lib و module و JSX

مقدمة

خيار target

// tsconfig.json (excerpt)
{
  "compilerOptions": {
    "target": "ES2020"
  }
}

// TS may downlevel features based on target
const n = 10n; // BigInt requires ES2020+

خيار lib

// tsconfig.json (excerpt)
{
  "compilerOptions": {
    "lib": ["ES2020", "DOM"]
  }
}

// Now Promise, fetch, and DOM globals are typed if included

خيار module

// tsconfig.json (excerpt)
{
  "compilerOptions": {
    "module": "ESNext"
  }
}

// ESM example
import { join } from "path";
export const p = join("a", "b");

خيار jsx

// React 17+ recommended
// tsconfig.json (excerpt)
{
  "compilerOptions": {
    "jsx": "react-jsx"
  }
}

// JSX files compile to React 17 runtime helpers (no need for import React)

الإعدادات المسبقة

// Web app (Vite/React)
{
  "compilerOptions": {
    "target": "ES2020",
    "lib": ["ES2020", "DOM"],
    "module": "ESNext",
    "jsx": "react-jsx"
  }
}

// Node (ESM)
{
  "compilerOptions": {
    "target": "ES2020",
    "lib": ["ES2020"],
    "module": "NodeNext"
  }
}

التحقق من خيار lib

مراجعة