การตั้งค่า 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

สรุปทบทวน