TypeScript Academy · leksjon

Modul- og målkonfigurasjon

Velg riktige innstillinger for module, target og lib.

Leksjon 2 av 413 trinn

Modul- og målkonfigurasjon er en gratis leksjon i TypeScript Academy på CoddyKit. Dette er leksjon 2 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i TypeScript Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i TypeScript Academy inneholder totalt 4 leksjoner.

Velkommen

Innstillingene module og target i tsconfig styrer hvilken JavaScript-syntaks TypeScript kompilerer til.

target-innstillingen

target styrer hvilke JavaScript-syntaksfunksjoner som genereres. ES2020 er et trygt, moderne standardvalg.

{ "compilerOptions": { "target": "ES2020" } }

Vanlige mål

ES5 for eldre nettlesere. ES2020+ for moderne miljøer. ESNext for de nyeste funksjonene.

module-innstillingen

module styrer modulsystemet i den genererte JS-koden: commonjs, ES2020, NodeNext, bundler.

{ "compilerOptions": { "module": "commonjs" } }
// For ESM: "module": "ES2020" or "NodeNext"

moduleResolution

Slik finner TypeScript moduler. Bruk node16 eller bundler i moderne prosjekter.

{ "compilerOptions": { "moduleResolution": "bundler" } }

esModuleInterop

Tillater standardimporter fra CommonJS-moduler uten syntaksen * as.

{ "compilerOptions": { "esModuleInterop": true } }
import express from 'express'; // instead of * as express

lib-innstillingen

lib angir hvilke innebygde API-er som er tilgjengelige (DOM, ES2020 og så videre).

{ "compilerOptions": { "lib": ["ES2020", "DOM"] } }

isolatedModules

Sørger for at hver fil kan transpileres uavhengig — dette kreves av esbuild/Babel.

{ "compilerOptions": { "isolatedModules": true } }

verbatimModuleSyntax

Krever bruk av import type for importer som bare inneholder typer. Erstatter det eldre importsNotUsedAsValues.

{ "compilerOptions": { "verbatimModuleSyntax": true } }

jsx-innstillingen

I React-prosjekter setter du jsx til react-jsx eller react.

{ "compilerOptions": { "jsx": "react-jsx" } }

resolveJsonModule

Tillater import av JSON-filer med typeutledning.

{ "compilerOptions": { "resolveJsonModule": true } }

Kort kontroll

Hva styrer alternativet `target` i tsconfig?

Besvar den i den interaktive leksjonen

Oppsummering

Konfigurering av module og target: Du har fått god oversikt over de viktigste konseptene og mønstrene.

Gratis å komme i gang

Lær deg TypeScript med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs: 101
Leksjoner: 352

Start læringen gratis Se hele kurset

Ofte stilte spørsmål

Er leksjonen «Modul- og målkonfigurasjon» gratis?

Ja – hele teksten i «Modul- og målkonfigurasjon» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av TypeScript Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i TypeScript Academy inneholder totalt 4 leksjoner.

Hva lærer jeg i «Modul- og målkonfigurasjon»?

Velg riktige innstillinger for module, target og lib. Du øver på TypeScript Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med TypeScript Academy?

Ingen tidligere erfaring er nødvendig. TypeScript Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 2 av 4.

Hvor lang tid tar leksjonen «Modul- og målkonfigurasjon»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne TypeScript Academy-leksjonen?

Ja. Alle TypeScript Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

← Tilbake til TypeScript Academy