Output di tsc, noEmit e bundler
Confronti l’output del normale tsc con la modalità --noEmit quando utilizza bundler come Vite o webpack.
Output di tsc, noEmit e bundler è una lezione TypeScript Academy gratuita su CoddyKit. Questa è la lezione 1 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 come tsc genera il JS, che cosa fa --noEmit e perché spesso i bundler sostituiscono la generazione dell'output.
Generazione dell'output con tsc
Per impostazione predefinita, tsc genera file JS compilati e, facoltativamente, file .d.ts in una directory outDir.
// tsconfig.json
{
"compilerOptions": {
"outDir": "dist"
}
}
// Command
npx tsc
// Produces JS + .d.ts in distnoEmit
La modalità --noEmit controlla i tipi ma non scrive file. È ideale per i progetti in cui i bundler gestiscono il JS.
// tsconfig.json
{
"compilerOptions": {
"noEmit": true
}
}
// Command
npx tsc --noEmit
// Only type-checks, no JS outputBundler
I bundler (webpack, Vite, esbuild, SWC) trasformano TS→JS e gestiscono gli asset. Non hanno bisogno di tsc per generare JS.
Configurazione CI
Schema comune: eseguire tsc --noEmit in CI o durante lo sviluppo e usare il bundler per le build effettive.
// package.json scripts
{
"scripts": {
"typecheck": "tsc --noEmit",
"dev": "vite"
}
}Modalità ibrida
Generare i file di dichiarazione con --emitDeclarationOnly mentre i bundler creano il codice JS. Il meglio di entrambi gli approcci.
// Sometimes use both
npx tsc --emitDeclarationOnly # for .d.ts
npx vite build # for bundlesDomanda
Controllo rapido: Perché eseguire tsc --noEmit quando si usano i bundler?
Riepilogo
Riepilogo: tsc emit scrive JS; --noEmit esegue solo il controllo dei tipi. Negli stack moderni, i bundler (Vite, webpack) producono l'output JS.
Domande Frequenti
La lezione «Output di tsc, noEmit e bundler» è gratuita?
Sì — il testo completo di «Output di tsc, noEmit e bundler» è 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 «Output di tsc, noEmit e bundler»?
Confronti l’output del normale tsc con la modalità --noEmit quando utilizza bundler come Vite o webpack. 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 1 di 3.
Quanto tempo richiede la lezione «Output di tsc, noEmit e bundler»?
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
- Output di tsc, noEmit e bundler
- Basi di Vite / esbuild / SWC / Rollup
- Dichiarazioni, sourcemap ed esportazione dei tipi