Avatar ·

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/*"] } }