Serve Bilder dynamisch mit Webpack

Question

Ich habe eine Frage zu Webpack und Serving Bilder.

Ich habe eine Webpack-Konfiguration, die eine React-Webanwendung erstellt und auch .jpg-Dateien aus einem bestimmten Ordner bedient.

Aber was passiert, wenn ich von meiner Webapp ich lade und ein neues Bild in diesen Ordner hinzufügen?

Kann ich Webpack aktualisieren, so dass es das neue Image liefert und ich es mit require.context importieren kann? Oder ist es etwas, was Webpack nicht tun soll, und so muss ich dies im Backend behandelt haben?

Danke,

Answer 1

Dies ist nicht etwas, das normalerweise durch Webpack behandelt werden würde. require.contextcreates references an alle Module (oder in diesem Fall Bilder) in einem Verzeichnis, das mit einer Anfrage benötigt werden kann, die einem regulären Ausdruck entspricht. Wenn Sie dies also verwenden möchten, müssen Sie Ihre App jedes Mal neu kompilieren, wenn Sie eine hinzufügen oder entfernen Bild aus dem Ordner.

Es wäre am besten, dies im Backend zu behandeln, so dass Sie einfach die URLs zu den Bildern direkt verwenden können.