Webpack'de bir dize kullanılarak bir değişkene gereksinim ('...') kullanılması

Question

Bana göre bir anlam ifade etmeyen bir sorunum var.

"Ad" ve "href" özelliği olan bir nesne dizisini eşleştiriyorum.

let appleIcons = _.map(appleIcons, appleIcon => { 
    appleIcon.href = require(appleIcon.href); 
    return appleIcon; 
}); 

döngünün içinde ben resim gereklidir istiyorum ama bir hata atar "* $. 11 Yakalanmayan Hata: modülünü bulunamıyor".

AppleIcon.href değerini yazdırdığımda ve doğrudan gereksinim ('') içine koymaya çalıştığımda çalışır.

appleIcons = _.map(appleIcons, appleIcon => { 
    appleIcon.href = require('./../../mobile-config/apple-icon-57x57.png'); 
    return appleIcon; 
}); 

İkinci örneğin neden işe yaradığını ve ilkinin neden hata yaptığını açıklayabilir misiniz? Bir değişkenin içine nasıl bir değişken koyarım ('')?

Teşekkürler!

Answer 1

Webpack, oluşturma zamanında çalıştığı için, ad dinamik bir değişken olduğunda hangi modüllerin gruplandıracağını bulamaz. Yolun bir bölümünü belirterek ipuçları verebilir (örneğin, tüm modüllerin tek bir dizinde olduğunu biliyorsanız).

Bu cevap yardımcı olabilir: https://stackoverflow.com/a/33048000

(Ayrıca WebPack tarafından require.context kontrol Başka bir örnek karma testler olduğunu here..)

Alternatif - Gelişmiş dosya adlarını biliyorsanız, başka eklemek daha iyidir Onlara bir dizeleri çıktılamak için adım adım oluşturun, Webpack bunları paketleyebilir.