0Pricing
TypeScript Academy · Lezione

Build incrementali e file di dichiarazione

Velocizzi la compilazione con l'output incrementale e delle dichiarazioni.

Build incrementali e file di dichiarazione è una lezione TypeScript Academy gratuita su CoddyKit. Questa è la lezione 4 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

La compilazione incrementale e i file di dichiarazione ottimizzano le prestazioni della build TypeScript e la pubblicazione delle librerie.

Flag incremental

TypeScript salva le informazioni della build in un file .tsbuildinfo per saltare i file invariati nelle build successive.
{ "compilerOptions": { "incremental": true, "tsBuildInfoFile": "./dist/.tsbuildinfo" } }

Come funziona la compilazione incrementale

Nella prima build, TypeScript controlla tutto. Nelle build successive, ricompila solo i file modificati e le relative dipendenze.

Flag declaration

Emette file di dichiarazione .d.ts insieme all'output .js. È necessario quando si pubblica una libreria.
{ "compilerOptions": { "declaration": true, "declarationDir": "./dist/types" } }

declarationMap

Emette source map .d.ts.map che riconducono le dichiarazioni al codice sorgente TypeScript originale.
{ "compilerOptions": { "declarationMap": true } }

emitDeclarationOnly

Emette solo file .d.ts senza output .js, utile quando il JS viene gestito da un bundler.
{ "compilerOptions": { "emitDeclarationOnly": true } }

Riferimenti ai progetti

Per i monorepo, utilizzi i riferimenti ai progetti con composite: true per build efficienti composte da più pacchetti.
{ "compilerOptions": { "composite": true } }

tsc --build

Crei le build dei progetti con riferimenti usando tsc --build, anche disponibile come tsc -b.
npx tsc --build
npx tsc -b --clean # remove all outputs

skipLibCheck

Salta il controllo dei tipi dei file .d.ts in node_modules per velocizzare le build.
{ "compilerOptions": { "skipLibCheck": true } }

noEmitOnError

Impedisce di emettere JavaScript quando sono presenti errori di tipo.
{ "compilerOptions": { "noEmitOnError": true } }

Prestazioni della modalità watch

Le build incrementali in modalità watch ricompilano solo i file modificati, fornendo un feedback più rapido.
npx tsc --watch # uses incremental by default in watch mode

Verifica rapida

Che cosa fa l'opzione del compilatore `declaration: true`?

Riepilogo

Build incrementali e file di dichiarazione: ha acquisito i concetti e i pattern chiave.

Domande Frequenti

La lezione «Build incrementali e file di dichiarazione» è gratuita?

Sì — il testo completo di «Build incrementali e file di dichiarazione» è 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 «Build incrementali e file di dichiarazione»?

Velocizzi la compilazione con l'output incrementale e delle dichiarazioni. 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 4 di 4.

Quanto tempo richiede la lezione «Build incrementali e file di dichiarazione»?

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