Pemetaan jalur dengan TypeScript

Saat aplikasi Angular menskalakan ke ukuran yang memiliki beberapa modul, akan sulit untuk mempertahankan keterbacaan impor TypeScript Anda.

Hal-hal dapat mulai terlihat jelek:

import {something} from '../../../../../shared/shared.service'

Namun, impor tidak harus selama itu. TypeScript memiliki solusi untuk itu yang disebut pemetaan jalur .

Buka file tsconfig.json di proyek Anda dan, di dalam properti compilerOptions , tambahkan atau edit konfigurasi jalur untuk memberikan beberapa alias untuk semua jalur panjang Anda:

"paths": {
  "stubs/*": [
    "./src/app/stubs/*"
  ],
  "state/*": [
    "./src/app/state/*"
  ],
  "shared/*": [
    "./src/app/shared/*"
  ]
}

import {something} from 'shared/shared.service'

import {something} from '../../../../../shared/shared.service'

Nama saya Alain Chautard . Saya seorang Pakar Pengembang Google di Angular, serta konsultan pendiri dan pelatih di Angular Training di mana saya membantu tim pengembangan belajar dan menjadi mahir dengan Angular.

Butuh bantuan dengan Angular? Mari kita jadwalkan waktu untuk berbicara .

Jika Anda menikmati posting ini, silakan bertepuk tangan atau bagikan. Bantuan Anda selalu dihargai.