Wie konfiguriere ich Pfad-Aliase in tsconfig.json für TypeScript?

Hallo! Ich bin neu in TypeScript und versuche, die Struktur meines Projekts zu organisieren. Ich habe die folgende einfache Ordnerstruktur: ``` src/ ├── components/ │ └── Header.ts ├── utils/ │ └── helpers.ts └── index.ts ``` In der Datei `index.ts` importiere ich Komponenten und Utilities so: ```typescript import { Header } from './components/Header'; import { formatDate } from './utils/helpers'; ``` Das funktioniert, aber wenn das Projekt wächst, werden relative Pfade sehr lang und umständlich, zum Beispiel: `../../components/Header` oder `../../../utils/helpers`. Das sieht schrecklich aus und ist schwer zu warten. Ich habe gehört, dass man in `tsconfig.json` Pfad-Aliase (path aliases) konfigurieren kann, um Imports wie `@components/Header` oder `@utils/helpers` zu schreiben. Ich habe versucht, in `tsconfig.json` folgenden Block hinzuzufügen: ```json { "compilerOptions": { "baseUrl": ".", "paths": { "@components/*": ["src/components/*"], "@utils/*": ["src/utils/*"] } } ```