Import maps

Import maps ile çıplak modül adlarını nasıl çözeceğini öğrenirsin.

Import maps nedir?

Bir import map, çıplak modül adlarını (örneğin 'lodash') gerçek adreslere eşleyen bir tanımdır. Tarayıcıya <script type="importmap"> etiketiyle verilir.

Bu sayede import deyiminde uzun adresler yerine kısa adlar yazabilirsin. Tarayıcı, adı eşlemeye bakarak adrese çevirir.

Import maps, küçük projelerde paketleyici olmadan modülleri CDN'den yüklemeyi kolaylaştırır.

Import maps söz dizimi

Bir import map, imports adlı bir nesne içerir; anahtarlar çıplak ad, değerler ise adres olur. Tarayıcı bu nesneyi okuyarak içe aktarmaları çözer.

"imports": {
  "lodash": "https://cdn.example.com/lodash.js"
}

Eşleme tanımlı olduktan sonra import _ from 'lodash' yazabilirsin; tarayıcı adresi kendisi bulur.

Uygulama Import map yaz

Bir import map yaz: <script type="importmap"> etiketi içinde imports nesnesi bulunsun ve "lodash" adını "https://cdn.example.com/lodash.js" adresine eşlesin.

Örnek çözümü göster

script type=importmap aç, içine imports nesnesi ve lodash eşlemesi yaz.
Örnek çözüm:
<script type="importmap">
{
  "imports": {
    "lodash": "https://cdn.example.com/lodash.js"
  }
}
</script>

Kendini test et

Import maps neyi çözer?
- CSS yüklemeyi
- çıplak modül adlarını
- dize birleştirmeyi
- dizi sıralamayı
Cevabı göster

çıplak modül adlarını — Doğru! Import maps çıplak modül adlarını adrese çevirir.
Import map betik türünü tamamla
```
<script type="____">
```
Cevabı göster
```
<script type="importmap">
```
Kavramları eşleştir

import maps

çıplak adları çözer
type=importmap

harita betiği
imports

ad eşlemeleri
CDN adresi

modülün kaynağı

Sıradaki ders: Özet - ES modülleri

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler