كيفية إعداد أسماء مستعارة للمسارات في tsconfig.json لـ TypeScript؟

مرحبًا! أنا مبتدئ في TypeScript وأحاول تنظيم هيكل مشروعي. لدي هيكل مجلدات بسيط مثل هذا: ``` src/ ├── components/ │ └── Header.ts ├── utils/ │ └── helpers.ts └── index.ts ``` في ملف `index.ts`، أستورد المكونات والأدوات المساعدة بهذه الطريقة: ```typescript import { Header } from './components/Header'; import { formatDate } from './utils/helpers'; ``` كل شيء يعمل، ولكن عندما يكبر المشروع، تصبح المسارات النسبية طويلة جدًا وغير مريحة، مثل: `../../components/Header` أو `../../../utils/helpers`. هذا يبدو سيئًا ويصعب صيانته. سمعت أنه يمكن إعداد أسماء مستعارة للمسارات (path aliases) في `tsconfig.json` لكتابة الاستيرادات مثل `@components/Header` أو `@utils/helpers`. حاولت إضافة هذا الكتلة في `tsconfig.json`: ```json { "compilerOptions": { "baseUrl": ".", "paths": { "@components/*": ["src/components/*"], "@utils/*": ["src/utils/*"] } }