Ich lerne immer noch Webpack, und ich hatte Probleme, Bilder in meinem Produktions-Build zu sehen, bis ich auf einen Code stieß, der am Anfang einer .js-Datei einen require('path/to/image.png') hatte. Also habe ich es versucht, und siehe da, es funktioniert.
Das scheint mir witzig zu sein. Muss ich wirklich eine davon für jedes statische Bild, das ich bedienen muss, einbeziehen? Gibt es einen besseren Weg, dies zu tun? Das wird unordentlich, wenn nicht.
Es gibt Loader wie css-loader und url-loader , die URLs in base64-inline-Datenstrings auflösen, anstatt das statische Asset zu verwenden.
Sie können diesen großartigen Leitfaden sehen, wie Sie mit url-loader implementieren können. Wenn Sie Probleme haben, müssen Sie sicherstellen, dass Sie den richtigen relativen Pfad verwenden.
'./path/to/image.png'
Sie können das CopyWebpackPlugin verwenden, um src -Dateien in einen Assets-Ordner zu verschieben, wenn Sie das Webpack-Projekt erstellen.
Details in dieser Antwort: Ссылка
Tags und Links javascript webpack