0Pricing
TypeScript Academy · Lekcja

Konfiguracja modułów i celu kompilacji

Wybierz właściwe ustawienia modułu, celu kompilacji i biblioteki.

Konfiguracja modułów i celu kompilacji to bezpłatna lekcja TypeScript Academy na CoddyKit. To lekcja 2 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej TypeScript Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs TypeScript Academy zawiera 4 lekcji w sumie.

Witamy

Ustawienia module i target w tsconfig kontrolują, do jakiej składni JavaScript TypeScript kompiluje kod.

Ustawienie target

target określa, które elementy składni JavaScript zostaną wygenerowane. ES2020 to bezpieślna, nowoczesna wartość domyślna.
{ "compilerOptions": { "target": "ES2020" } }

Typowe wartości target

ES5 dla starszych przeglądarek. ES2020+ dla nowoczesnych środowisk. ESNext dla najnowszych funkcji.

Ustawienie module

module określa system modułów w wygenerowanym kodzie JS: commonjs, ES2020, NodeNext lub bundler.
{ "compilerOptions": { "module": "commonjs" } }
// For ESM: "module": "ES2020" or "NodeNext"

moduleResolution

Określa, jak TypeScript wyszukuje moduły. W nowoczesnych projektach używaj node16 lub bundler.
{ "compilerOptions": { "moduleResolution": "bundler" } }

esModuleInterop

Umożliwia importy domyślne z modułów CommonJS bez składni * as.
{ "compilerOptions": { "esModuleInterop": true } }
import express from 'express'; // instead of * as express

Ustawienie lib

lib określa, które wbudowane interfejsy API są dostępne (DOM, ES2020 itd.).
{ "compilerOptions": { "lib": ["ES2020", "DOM"] } }

isolatedModules

Zapewnia możliwość niezależnej transpilacji każdego pliku — jest to wymagane przez esbuild/Babel.
{ "compilerOptions": { "isolatedModules": true } }

verbatimModuleSyntax

Wymusza używanie import type dla importów dotyczących wyłącznie typów. Zastępuje starszą opcję importsNotUsedAsValues.
{ "compilerOptions": { "verbatimModuleSyntax": true } }

Ustawienie jsx

W projektach React ustaw jsx na react-jsx lub react.
{ "compilerOptions": { "jsx": "react-jsx" } }

resolveJsonModule

Umożliwia importowanie plików JSON z inferencją typów.
{ "compilerOptions": { "resolveJsonModule": true } }

Szybki test

Co kontroluje opcja `target` w tsconfig?

Podsumowanie

Konfiguracja module i target: opanowano kluczowe koncepcje i wzorce.

Często zadawane pytania

Czy lekcja „Konfiguracja modułów i celu kompilacji” jest bezpłatna?

Tak — pełny tekst „Konfiguracja modułów i celu kompilacji” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu TypeScript Academy, przejdź na CoddyKit PRO. Kurs TypeScript Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Konfiguracja modułów i celu kompilacji”?

Wybierz właściwe ustawienia modułu, celu kompilacji i biblioteki. Ćwiczysz TypeScript Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć TypeScript Academy?

Nie wymagamy żadnego doświadczenia. TypeScript Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 2 z 4.

Ile czasu zajmuje lekcja „Konfiguracja modułów i celu kompilacji”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji TypeScript Academy?

Tak. Każda lekcja TypeScript Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. Flaga strict i jej możliwości
  2. Konfiguracja modułów i celu kompilacji
  3. Aliasy ścieżek i baseUrl
  4. Kompilacje przyrostowe i pliki deklaracji
← Powrót do TypeScript Academy