2016-06-13 13 views
8

Webpack'i hala öğreniyorum ve bir .js dosyasının üstünde bir require('path/to/image.png') olan bir kodun üzerine gelene kadar, üretim yapmamda görüntülerin gösterilmesini sorunla karşılaşıyordum. Ben de denedim, ve bak ve işe yarıyor.(Webpack) Url-loader veya dosya yükleyiciyi kullanarak, eklemek istediğim her statik görüntü için .js'ye bir require() eklemem gerekir mi?

Bu bana çok hoş geliyor. Hizmet etmem gereken her statik görüntü için bunlardan birini eklemem gerekir mi? Bunu yapmanın daha iyi bir yolu var mı? Aksi halde dağınık olacak.

cevap

5

css-loader ve url-loader gibi yükleyiciler, statik varlığı sunma yerine URL'leri satır içi veri dizelerini base64 olarak çözer.

url-loader ile nasıl uygulanacağı konusunda this great guide görebilirsiniz. Sorun yaşıyorsanız, doğru göreli yolu kullandığınızdan emin olmanız gerekir.

'./path/to/image.png'

+0

Sana söz ve zaten hem kullanıyorum bu yükleyiciler farkındayım. Bazen base64'e ait görüntüleri kodlamak mantıklı değildir ve her halükarda ihtiyacım olan şeylere ('path/to/image.png') ihtiyacım olduğuna inanıyorum. Görsellerimi js'mde kullanmak zorunda kalmak yerine, html'de belirtmek için bir yol var mı? – Anj

+0

'url-loader' için' limit' sorgusunu ayarlarsanız, sadece belirtilen görüntülerin boyutlarını çevrimiçi görüntüler. Daha büyükse, dosya yükleyici bu dosyayı sizin için otomatik olarak paketlerinize yayar. –

+0

Evet, bunu da biliyorum ama bu soruya gerçekten cevap vermiyor. Benim javascript dosyasında bir 'need ('path/to/image.png')' yapmak için ihtiyacım olan bir şey olup olmadığını bilmek istiyorum. Daha ne kadar açık olabileceğimi bilmiyorum, bu benim istediğim şey. – Anj

İlgili konular