Moin Zusammen,
ich habe ein Problem bei der korrekten Konfiguration von WebPack in
Verbindung mit svg Bildern und deren Nutzung in einer react Anwendung.
Folgende Situation habe ich, die Komponente erwartet eine URL auf ein
File dessen Content ein natives svg Bild enthält.
Die URL auf das File bekomme ich korrekt geliefert. Aber das von WebPack
erzeugt File enthält nicht den reinen Content für ein SVG File sondern
ein
1 | export default "data:image/svg+xml;base64,PD94bWwgdmV.......
|
ich bräuchte aber
1 | <?xml version="1.0" encoding="utf-8"?>
|
2 | <!-- Generator: Adobe Illustrator 24.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
3 | <svg version="1.1" id="_x30_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
4 | viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
|
5 | .......
|
Ich habe jetzt bereits einiges mit url-loader und file-loader
experimentiert bekomme es aber einfach nicht hin.
Kann mir jemand von Euch helfen? Gerne auch neue Suchbegriffe für Tante
Goolge oder eine Seite im www oder einen guten Denkanstoß.
Ich komme da einfach nicht weiter.
Danke und Gruß
Frank