0Pricing
TypeScript Academy · Pelajaran

Alias Jalur dan baseUrl

Konfigurasikan jalur untuk import yang lebih rapi.

Alias Jalur dan baseUrl adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 3 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

Alias jalur merapikan jalur impor relatif yang panjang dan dikonfigurasi dalam tsconfig.

Masalah Jalur Impor

Jalur relatif yang panjang seperti ../../../../utils rapuh dan sulit dibaca.
import { logger } from '../../../../utils/logger';
import { User } from '../../../models/user';

baseUrl

baseUrl menetapkan akar untuk menyelesaikan impor nonrelatif.
{ "compilerOptions": { "baseUrl": "./src" } }
// Now you can import from 'utils/logger' directly

Alias paths

paths memetakan awalan impor ke lokasi direktori.
{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"], "@utils/*": ["src/utils/*"] } } }

Menggunakan Alias Jalur

Lakukan impor menggunakan awalan @, bukan jalur relatif.
import { logger } from '@/utils/logger';
import { User } from '@/models/user';

Konfigurasi Bundler

Bundler seperti Vite dan webpack perlu dikonfigurasi secara terpisah agar dapat menyelesaikan alias jalur.
// vite.config.ts
import { resolve } from 'path';
export default { resolve: { alias: { '@': resolve(__dirname, 'src') } } };

tsconfig-paths untuk Node

Gunakan tsconfig-paths dengan ts-node untuk menyelesaikan alias jalur di Node.js.
npm install tsconfig-paths
// tsconfig.json: "ts-node": { "require": ["tsconfig-paths/register"] }

Beberapa Pemetaan Jalur

Tentukan alias untuk berbagai bagian proyek Anda.
{ "paths": { "@models/*": ["src/models/*"], "@services/*": ["src/services/*"], "@utils/*": ["src/utils/*"] } }

Jalur Wildcard

Wildcard * cocok dengan subjalur apa pun.
// '@/*': ['src/*'] maps '@/foo/bar' to 'src/foo/bar'

Alias Jalur Eksak

Buat alias untuk modul tertentu ke berkas tertentu.
{ "paths": { "@config": ["src/config/index.ts"], "@types": ["src/types/index.ts"] } }

Alias Jalur vs Berkas Pengumpul

Gunakan keduanya secara bersamaan: alias jalur mengurangi kedalaman, sedangkan berkas pengumpul menggabungkan ekspor.

Pemeriksaan Cepat

Apa yang ditetapkan opsi `baseUrl` dalam tsconfig?

Ringkasan

Alias Jalur dan baseUrl: Anda telah menguasai konsep dan pola utama.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Alias Jalur dan baseUrl” gratis?

Ya — teks lengkap “Alias Jalur dan baseUrl” 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 “Alias Jalur dan baseUrl”?

Konfigurasikan jalur untuk import yang lebih rapi. 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 3 dari 4.

Berapa lama pelajaran “Alias Jalur dan baseUrl” 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