Project References (introduzione)
Divida il codice in più progetti tsconfig e li colleghi con i riferimenti per ottenere build incrementali più rapide.
Project References (introduzione) è una lezione TypeScript Academy gratuita su CoddyKit. Questa è la lezione 3 di 3. 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 3 lezioni in totale.
Introduzione
Obiettivo: imparate a usare i Project References. Collegano più progetti tsconfig per migliorare la velocità di build e l'organizzazione.
Configurazione radice
Nella radice, aggiungete un array references. Ogni percorso punta alla cartella di un altro progetto tsconfig.
// tsconfig.json (root)
{
"files": [],
"references": [
{ "path": "./core" },
{ "path": "./web" }
]
}Progetto composito
Ogni progetto referenziato deve abilitare composite. In questo modo TypeScript può generare metadati per tenere traccia delle dipendenze.
// core/tsconfig.json
{
"compilerOptions": {
"composite": true,
"outDir": "../dist/core"
},
"include": ["src"]
}Riferimento a un altro progetto
Il progetto web fa riferimento a core. tsc compilerà prima core e poi web, riutilizzando gli output.
// web/tsconfig.json
{
"compilerOptions": {
"composite": true,
"outDir": "../dist/web"
},
"references": [
{ "path": "../core" }
]
}Comando di build
Usate tsc --build (o -b) per compilare tutti i progetti referenziati. Le build incrementali sono molto più veloci.
// Build all projects
npx tsc --build
// Incremental rebuild when only core changes
npx tsc --build coreSupporto dell'IDE
VS Code comprende i Project References: consente di spostarsi tra i progetti, mostrare gli errori in modo coerente e riutilizzare gli output delle dichiarazioni.
Verifica dei vantaggi
Verifica rapida: qual è il principale vantaggio dei Project References?
Riepilogo
Riepilogo: i Project References suddividono il codice in sottoprogetti con configurazioni composite. Migliorano la velocità di build e l'organizzazione nei repository di grandi dimensioni.
Domande Frequenti
La lezione «Project References (introduzione)» è gratuita?
Sì — il testo completo di «Project References (introduzione)» è 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 3 lezioni in totale.
Cosa imparerò in «Project References (introduzione)»?
Divida il codice in più progetti tsconfig e li colleghi con i riferimenti per ottenere build incrementali più rapide. 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 3.
Quanto tempo richiede la lezione «Project References (introduzione)»?
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
- Flag di strictness
- Impostazioni target, lib, module e JSX
- Project References (introduzione)