0Pricing
TypeScript Academy · Lezione

Configurazione di moduli e target

Scelga le impostazioni corrette per module, target e lib.

Configurazione di moduli e target è una lezione TypeScript Academy gratuita su CoddyKit. Questa è la lezione 2 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

Le impostazioni module e target in tsconfig controllano la sintassi JavaScript in cui TypeScript compila il codice.

Impostazione target

target controlla quali funzionalità della sintassi JavaScript vengono emesse. ES2020 è un valore predefinito moderno e sicuro.
{ "compilerOptions": { "target": "ES2020" } }

Target comuni

ES5 per i browser legacy. ES2020 e versioni successive per gli ambienti moderni. ESNext per le funzionalità più recenti.

Impostazione module

module controlla il sistema di moduli nel JS emesso: commonjs, ES2020, NodeNext, bundler.
{ "compilerOptions": { "module": "commonjs" } }
// For ESM: "module": "ES2020" or "NodeNext"

moduleResolution

Definisce come TypeScript individua i moduli. Utilizzi node16 o bundler per i progetti moderni.
{ "compilerOptions": { "moduleResolution": "bundler" } }

esModuleInterop

Consente gli import predefiniti dai moduli CommonJS senza la sintassi * as.
{ "compilerOptions": { "esModuleInterop": true } }
import express from 'express'; // instead of * as express

Impostazione lib

lib specifica quali API integrate sono disponibili, ad esempio DOM ed ES2020.
{ "compilerOptions": { "lib": ["ES2020", "DOM"] } }

isolatedModules

Garantisce che ogni file possa essere transpiled indipendentemente, come richiesto da esbuild e Babel.
{ "compilerOptions": { "isolatedModules": true } }

verbatimModuleSyntax

Impone l'uso di import type per gli import che contengono solo tipi. Sostituisce il precedente importsNotUsedAsValues.
{ "compilerOptions": { "verbatimModuleSyntax": true } }

Impostazione jsx

Per i progetti React, imposti jsx su react-jsx o react.
{ "compilerOptions": { "jsx": "react-jsx" } }

resolveJsonModule

Consente di importare file JSON con inferenza dei tipi.
{ "compilerOptions": { "resolveJsonModule": true } }

Verifica rapida

Che cosa controlla l'opzione `target` in tsconfig?

Riepilogo

Configurazione di module e target: ha acquisito i concetti e i pattern chiave.

Domande Frequenti

La lezione «Configurazione di moduli e target» è gratuita?

Sì — il testo completo di «Configurazione di moduli e target» è 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 «Configurazione di moduli e target»?

Scelga le impostazioni corrette per module, target e lib. 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 2 di 4.

Quanto tempo richiede la lezione «Configurazione di moduli e target»?

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