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ğı