0Pricing
TypeScript Academy · Lezione

Alias dei percorsi e baseUrl

Configuri i percorsi per ottenere import più chiari.

Alias dei percorsi e baseUrl è una lezione TypeScript Academy gratuita su CoddyKit. Questa è la lezione 3 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento TypeScript Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso TypeScript Academy include 4 lezioni in totale.

Benvenuto

Gli alias dei percorsi semplificano i percorsi di import relativi profondi e si configurano in tsconfig.

Il problema dei percorsi di import

I percorsi relativi profondi come ../../../../utils sono fragili e difficili da leggere.
import { logger } from '../../../../utils/logger';
import { User } from '../../../models/user';

baseUrl

baseUrl imposta la radice per la risoluzione degli import non relativi.
{ "compilerOptions": { "baseUrl": "./src" } }
// Now you can import from 'utils/logger' directly

Alias paths

paths associa i prefissi degli import alle posizioni delle directory.
{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"], "@utils/*": ["src/utils/*"] } } }

Usare gli alias dei percorsi

Importi utilizzando il prefisso @ invece dei percorsi relativi.
import { logger } from '@/utils/logger';
import { User } from '@/models/user';

Configurazione del bundler

I bundler, come Vite e webpack, devono essere configurati separatamente per risolvere gli alias dei percorsi.
// vite.config.ts
import { resolve } from 'path';
export default { resolve: { alias: { '@': resolve(__dirname, 'src') } } };

tsconfig-paths per Node

Utilizzi tsconfig-paths con ts-node per risolvere gli alias dei percorsi in Node.js.
npm install tsconfig-paths
// tsconfig.json: "ts-node": { "require": ["tsconfig-paths/register"] }

Più mapping dei percorsi

Definisca alias per diverse parti del progetto.
{ "paths": { "@models/*": ["src/models/*"], "@services/*": ["src/services/*"], "@utils/*": ["src/utils/*"] } }

Percorsi con wildcard

La wildcard * corrisponde a qualsiasi sotto-percorso.
// '@/*': ['src/*'] maps '@/foo/bar' to 'src/foo/bar'

Alias per percorsi esatti

Definisca un alias da un modulo specifico a un file specifico.
{ "paths": { "@config": ["src/config/index.ts"], "@types": ["src/types/index.ts"] } }

Alias dei percorsi e barrel file

Li utilizzi insieme: gli alias dei percorsi riducono la profondità, mentre i barrel file aggregano gli export.

Verifica rapida

Che cosa imposta l'opzione `baseUrl` in tsconfig?

Riepilogo

Alias dei percorsi e baseUrl: ha acquisito i concetti e i pattern chiave.

Domande Frequenti

La lezione «Alias dei percorsi e baseUrl» è gratuita?

Sì — il testo completo di «Alias dei percorsi e baseUrl» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso TypeScript Academy, passa a CoddyKit PRO. Il corso TypeScript Academy include 4 lezioni in totale.

Cosa imparerò in «Alias dei percorsi e baseUrl»?

Configuri i percorsi per ottenere import più chiari. Eserciti TypeScript Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare TypeScript Academy?

Non è richiesta alcuna esperienza precedente. TypeScript Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 3 di 4.

Quanto tempo richiede la lezione «Alias dei percorsi e baseUrl»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione TypeScript Academy?

Sì. Ogni lezione TypeScript Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

  1. Il flag strict e ciò che abilita
  2. Configurazione di moduli e target
  3. Alias dei percorsi e baseUrl
  4. Build incrementali e file di dichiarazione
← Torna a TypeScript Academy