การคอมไพล์ TypeScript เป็น JavaScript

ยินดีต้อนรับ

การติดตั้งคอมไพเลอร์ TypeScript

npm install --save-dev typescript
npx tsc --version

การคอมไพล์ครั้งแรกด้วย tsc

// hello.ts
function greet(name: string): string {
  return 'Hello, ' + name;
}
console.log(greet('World'));

// Compile: npx tsc hello.ts
// Output: hello.js (no types)

tsconfig.json: การกำหนดค่าโครงการ

npx tsc --init
// Creates tsconfig.json with defaults and comments

ตัวเลือกสำคัญของการกำหนดค่าโครงการ

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "commonjs",
    "outDir": "./dist",
    "strict": true
  }
}

โหมดเฝ้าดูด้วย tsc --watch

npx tsc --watch
// Watches for changes and recompiles on save

noEmit: ตรวจสอบชนิดข้อมูลโดยไม่สร้างไฟล์

// tsconfig.json
{ "compilerOptions": { "noEmit": true } }

// Then run:
npx tsc --noEmit

ทางเลือกที่เร็วกว่า: ts-node และ tsx

# Run TS directly with ts-node
npx ts-node src/index.ts

# Or faster with tsx
npx tsx src/index.ts

แผนที่ต้นฉบับสำหรับการแก้ไขข้อบกพร่อง

{ "compilerOptions": { "sourceMap": true } }

ไฟล์ประกาศ (.d.ts)

{ "compilerOptions": { "declaration": true } }
// Outputs: dist/index.js AND dist/index.d.ts

ข้อผิดพลาดของคอมไพเลอร์จะหยุดผลลัพธ์โดยค่าเริ่มต้น

{ "compilerOptions": { "noEmitOnError": true } }

ตรวจสอบอย่างรวดเร็ว

สรุปทบทวน