Module & tsconfig.json — CompileDaily Study

Penjelasan

Kode TypeScript dipecah antar file lewat export (menandai apa yang bisa dipakai file lain) dan import (mengambil yang di-export file lain) — sama seperti ES module JavaScript modern. Konfigurasi compiler diatur lewat file tsconfig.json di root project, berisi opsi penting seperti target (versi JS hasil compile), strict (mengaktifkan semua pengecekan tipe ketat), dan outDir (folder tujuan hasil compile).

Contoh Konsep

// file: matematika.ts
export function tambah(a: number, b: number): number {
    return a + b;
}

export const PI = 3.14;

// file: main.ts
import { tambah, PI } from "./matematika";

console.log(tambah(2, 3), PI);

Praktikum

Bayangkan dua file: helper.ts yang meng-export fungsi kali(a: number, b: number): number, dan main.ts yang meng-import fungsi itu lalu memanggilnya dengan dua angka bebas. Tulis KEDUA file itu (pisahkan dengan komentar penanda nama file) dalam satu blok kode.

Editor Latihan

Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.

Tips

Aktifkan opsi "strict": true di tsconfig.json sejak awal project baru — opsi ini menyalakan sekumpulan pengecekan ketat sekaligus (termasuk melarang implicit any) yang jauh lebih sulit diaktifkan belakangan di project besar yang sudah terlanjur banyak kode longgar.