Avatar ·

Como configurar aliases de caminhos no tsconfig.json para TypeScript?

Olá! Sou novo em TypeScript e estou tentando organizar a estrutura do meu projeto. Tenho a seguinte estrutura de pastas simples:\n\n```\nsrc/\n ├── components/\n │ └── Header.ts\n ├── utils/\n │ └── helpers.ts\n └── index.ts\n```\n\nNo arquivo `index.ts` estou importando componentes e utilitários assim:\n\n```typescript\nimport { Header } from './components/Header';\nimport { formatDate } from './utils/helpers';\n```\n\nTudo funciona, mas quando o projeto cresce, os caminhos relativos ficam muito longos e inconvenientes, por exemplo: `../../components/Header` ou `../../../utils/helpers`. Isso parece horrível e é difícil de manter.\n\nOuvi dizer que no `tsconfig.json` é possível configurar aliases de caminhos (path aliases) para escrever imports como `@components/Header` ou `@utils/helpers`. Tentei adicionar