48. Jak Babel radzi sobie z transpilacją kodu TypeScript?

Babel może transpilować kod TypeScript na JavaScript, ale nie wykonuje typowania jak kompilator TypeScript (tsc). Używanie Babel do transpilacji TypeScript pozwala na integrację z istniejącymi narzędziami Babel i korzystanie z ekosystemu Babel.

Jak używać Babel do transpilacji TypeScript:

1. Instalacja niezbędnych paczek:

npm install --save-dev @babel/preset-typescript @babel/core @babel/cli

2. Konfiguracja pliku .babelrc:

{
  "presets": ["@babel/preset-typescript"]
}

3. Transpilacja kodu:

npx babel src --out-dir lib

Konfiguracja TypeScript bez typowania: Ponieważ Babel nie wykonuje typowania, zaleca się używanie TypeScript do sprawdzania typów w oddzielnym procesie, np. uruchamiając tsc --noEmit w skrypcie npm.

Przykład skryptu package.json:

"scripts": {
  "build": "babel src --out-dir lib",
  "type-check": "tsc --noEmit"
}

Zalety używania Babel do transpilacji TypeScript:

1. Integracja z ekosystemem Babel: Możliwość używania wszystkich pluginów i presetów Babel.
2. Szybkość: Szybsza transpilacja w porównaniu do pełnej kompilacji TypeScript.
3. Modularność: Łatwiejsza integracja z istniejącymi projektami Babel.

Babel umożliwia szybkie transpilowanie kodu TypeScript na JavaScript, zachowując jednocześnie elastyczność i wydajność.