Cómo configurar alias de rutas en tsconfig.json para TypeScript
¡Hola! Soy nuevo en TypeScript y estoy tratando de organizar la estructura de mi proyecto. Tengo una estructura de carpetas simple así:
```
src/
├── components/
│ └── Header.ts
├── utils/
│ └── helpers.ts
└── index.ts
```
En el archivo `index.ts` importo componentes y utilidades así:
```typescript
import { Header } from './components/Header';
import { formatDate } from './utils/helpers';
```
Todo funciona, pero cuando el proyecto crece, las rutas relativas se vuelven muy largas e incómodas, por ejemplo: `../../components/Header` o `../../../utils/helpers`. Se ve horrible y es difícil de mantener.
He oído que en `tsconfig.json` se pueden configurar alias de rutas (path aliases) para escribir imports como `@components/Header` o `@utils/helpers`. Intenté agregar en `tsconfig.json` este bloque:
```json
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@components/*": ["src/components/*"],
"@utils/*": ["src/utils/*"]
}
}