TypeScript ile yol eşleme

Bir Angular uygulaması birkaç modül içeren bir boyuta ölçeklendiğinde, TypeScript içe aktarmalarınızın okunabilirliğini korumak zorlaşabilir.

İşler çirkin görünmeye başlayabilir:

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

Yine de, ithalatın o kadar uzun olması gerekmez. Typescript'in yol eşleme adı verilen bir çözümü vardır .

Projenizdeki tsconfig.json dosyasına gidin ve compilerOptions özelliği içinde, tüm uzun yollarınız için bazı takma adlar sağlamak üzere paths yapılandırmasını ekleyin veya düzenleyin:

"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'

Benim adım Alain Chautard . Angular'da bir Google Geliştirici Uzmanıyım ve aynı zamanda geliştirme ekiplerinin Angular konusunda öğrenmesine ve yetkinleşmesine yardımcı olduğum Angular Training'de kurucu danışman ve eğitmenim .

Angularyardıma mı ihtiyacınız var? Konuşmak için biraz zaman planlayalım .

Bu gönderiyi beğendiyseniz, lütfen alkışlayın veya paylaşın. Yardımınız her zaman takdir edilmektedir.