Não entendi muito bem como usa esse recurso ao invés de usar ../../ Como faz para usar o @/ ??
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Não entendi muito bem como usa esse recurso ao invés de usar ../../ Como faz para usar o @/ ??
Oii, Caio. Tudo bem?
O uso de @/ como um alias na importação de módulos no React é uma forma conveniente de evitar caminhos relativos complicados, como ../../../, ao referenciar arquivos em diferentes diretórios do projeto. Isso é configurado na ferramenta de bundling, como Vite, que você está utilizando.
Configuração no vite.config.js:
No código da aula, há uma configuração de alias definida no arquivo vite.config.js:
resolve: {
alias: [{ find: "@", replacement: "/src" }],
},
Essa linha tá dizendo pro Vite que sempre que encontrar @/ em uma importação, ele deve substituir isso pelo caminho absoluto da pasta src na raiz do seu projeto.
Há algumas vantagens:
Um abraço e bons estudos.