TypeScript Academy · Pelajaran

Konfigurasi Modul dan Target

Pilih pengaturan module, target, dan lib yang tepat.

Pelajaran 2 dari 413 langkah

Konfigurasi Modul dan Target adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar TypeScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus TypeScript Academy mencakup 4 pelajaran total.

Selamat datang

Pengaturan module dan target dalam tsconfig mengontrol sintaks JavaScript yang dikompilasi oleh TypeScript.

Pengaturan target

target mengontrol fitur sintaks JavaScript yang dihasilkan. ES2020 adalah pilihan modern yang aman secara umum.
{ "compilerOptions": { "target": "ES2020" } }

Target Umum

ES5 untuk peramban lama. ES2020+ untuk lingkungan modern. ESNext untuk fitur paling mutakhir.

Pengaturan module

module mengontrol sistem modul dalam JS yang dihasilkan: commonjs, ES2020, NodeNext, bundler.
{ "compilerOptions": { "module": "commonjs" } }
// For ESM: "module": "ES2020" or "NodeNext"

moduleResolution

Cara TypeScript menemukan modul. Gunakan node16 atau bundler untuk proyek modern.
{ "compilerOptions": { "moduleResolution": "bundler" } }

esModuleInterop

Memungkinkan impor default dari modul CommonJS tanpa sintaks * as.
{ "compilerOptions": { "esModuleInterop": true } }
import express from 'express'; // instead of * as express

Pengaturan lib

lib menentukan API bawaan yang tersedia (DOM, ES2020, dan sebagainya).
{ "compilerOptions": { "lib": ["ES2020", "DOM"] } }

isolatedModules

Memastikan setiap berkas dapat ditranspilasi secara independen — diperlukan oleh esbuild/Babel.
{ "compilerOptions": { "isolatedModules": true } }

verbatimModuleSyntax

Mewajibkan penggunaan import type untuk impor yang hanya berisi tipe. Opsi ini menggantikan importsNotUsedAsValues yang lama.
{ "compilerOptions": { "verbatimModuleSyntax": true } }

Pengaturan jsx

Untuk proyek React, atur jsx ke react-jsx atau react.
{ "compilerOptions": { "jsx": "react-jsx" } }

resolveJsonModule

Memungkinkan impor berkas JSON dengan inferensi tipe.
{ "compilerOptions": { "resolveJsonModule": true } }

Pemeriksaan Cepat

Apa yang dikontrol opsi `target` dalam tsconfig?

Ringkasan

Konfigurasi Modul dan Target: Anda telah menguasai konsep dan pola utama.
Gratis untuk memulai

Belajar TypeScript dengan tutor AI — gratis

Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.

Kursus
101
Pelajaran
352

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Konfigurasi Modul dan Target” gratis?

Ya — teks lengkap “Konfigurasi Modul dan Target” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus TypeScript Academy, upgrade ke CoddyKit PRO. Kursus TypeScript Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Konfigurasi Modul dan Target”?

Pilih pengaturan module, target, dan lib yang tepat. Kamu berlatih TypeScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai TypeScript Academy?

Tidak diperlukan pengalaman sebelumnya. TypeScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.

Berapa lama pelajaran “Konfigurasi Modul dan Target” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran TypeScript Academy ini?

Ya. Setiap pelajaran TypeScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Flag strict dan Fungsinya
  2. Konfigurasi Modul dan Target
  3. Alias Jalur dan baseUrl
  4. Build Inkremental dan File Deklarasi
← Kembali ke TypeScript Academy