0Pricing
TypeScript Academy · Aula

Aliases de caminhos e baseUrl

Configure caminhos para importações mais limpas

Aliases de caminhos e baseUrl é uma aula grátis de TypeScript Academy no CoddyKit. Esta é a aula 3 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de TypeScript Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de TypeScript Academy inclui 4 aulas no total.

Boas-vindas

Os aliases de caminho simplificam caminhos de importação relativos profundos e são configurados no tsconfig.

O problema dos caminhos de importação

Caminhos relativos profundos como ../../../../utils são frágeis e difíceis de ler.
import { logger } from '../../../../utils/logger';
import { User } from '../../../models/user';

baseUrl

baseUrl define a raiz para resolver importações não relativas.
{ "compilerOptions": { "baseUrl": "./src" } }
// Now you can import from 'utils/logger' directly

Aliases de paths

paths mapeia prefixos de importação para locais de diretórios.
{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"], "@utils/*": ["src/utils/*"] } } }

Usando aliases de caminho

Importe usando o prefixo @ em vez de caminhos relativos.
import { logger } from '@/utils/logger';
import { User } from '@/models/user';

Configuração do empacotador

Empacotadores (Vite, webpack) precisam ser configurados separadamente para resolver aliases de caminho.
// vite.config.ts
import { resolve } from 'path';
export default { resolve: { alias: { '@': resolve(__dirname, 'src') } } };

tsconfig-paths no Node

Use tsconfig-paths com ts-node para resolver aliases de caminho no Node.js.
npm install tsconfig-paths
// tsconfig.json: "ts-node": { "require": ["tsconfig-paths/register"] }

Vários mapeamentos de caminho

Defina aliases para diferentes partes do seu projeto.
{ "paths": { "@models/*": ["src/models/*"], "@services/*": ["src/services/*"], "@utils/*": ["src/utils/*"] } }

Caminhos curinga

O curinga * corresponde a qualquer subcaminho.
// '@/*': ['src/*'] maps '@/foo/bar' to 'src/foo/bar'

Aliases para caminhos exatos

Crie um alias de um módulo específico para um arquivo específico.
{ "paths": { "@config": ["src/config/index.ts"], "@types": ["src/types/index.ts"] } }

Aliases de caminho versus arquivos barril

Use os dois em conjunto: os aliases de caminho reduzem a profundidade, enquanto os arquivos barril agregam exportações.

Verificação rápida

O que a opção `baseUrl` no tsconfig define?

Recapitulação

Aliases de caminho e baseUrl: você dominou os principais conceitos e padrões.

Perguntas Frequentes

A aula “Aliases de caminhos e baseUrl” é grátis?

Sim — o texto completo de “Aliases de caminhos e baseUrl” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de TypeScript Academy, atualize para CoddyKit PRO. O curso de TypeScript Academy inclui 4 aulas no total.

O que vou aprender em “Aliases de caminhos e baseUrl”?

Configure caminhos para importações mais limpas Você pratica TypeScript Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar TypeScript Academy?

Nenhuma experiência prévia é necessária. TypeScript Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 3 de 4.

Quanto tempo leva a aula “Aliases de caminhos e baseUrl”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de TypeScript Academy?

Sim. Cada aula de TypeScript Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

  1. A flag strict e o que ela habilita
  2. Configuração de módulos e destino
  3. Aliases de caminhos e baseUrl
  4. Compilações incrementais e arquivos de declaração
← Voltar para TypeScript Academy