Verwenden von require ('...') mit einer Variablen im Vergleich zu einer Zeichenfolge im Webpack

9

Ich habe ein Problem, das mir wenig Sinn macht.

Ich ordne ein Array von Objekten mit einer "name" - und einer "href" -Eigenschaft zu.

%Vor%

Innerhalb der Schleife möchte ich das Bild benötigen, aber es wirft einen Fehler ". * $: 11 Uncaught Error: Modul nicht gefunden".

Wenn ich den Wert von appleIcon.href drucke und versuche, es direkt in das require ('') zu setzen, funktioniert es.

%Vor%

Kannst du mir erklären, warum das zweite Beispiel funktioniert und der erste Fehler auftritt? Wie lege ich eine Variable in require ('')?

Danke!

    
Kitze 15.05.2016, 17:48
quelle

1 Antwort

12

Da Webpack in der Build-Zeit ausgeführt wird, kann es nicht herausfinden, welche Module zu bündeln sind, wenn der Name eine dynamische Variable ist. Sie können Hinweise geben, indem Sie einen Teil des Pfades angeben (wenn Sie beispielsweise wissen, dass sich alle Module in einem einzigen Verzeichnis befinden).

Diese Antwort kann helfen: Ссылка

(Überprüfen Sie auch require.context von Webpack. Ein anderes Beispiel sind Karmatests, hier .)

Alternativ - Wenn Sie die Dateinamen in advanced kennen, ist es besser, einen weiteren Build-Schritt hinzuzufügen, um ihnen Zeichenketten in die Datei auszugeben, so dass Webpack sie bündeln kann.

    
lyosef 15.05.2016, 18:16
quelle

Tags und Links