Forum: PC-Programmierung WebPack Konfigurationsproblem


von Frank L. (Firma: Flk Consulting UG) (flk)


Lesenswert?

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

: Bearbeitet durch User
von Jim M. (turboj)


Lesenswert?

Das sieht schwerstens nach Data URI aus:
1
data:image/svg+xml;base64,PD94bW...

Siehe auch: https://wiki.selfhtml.org/wiki/Grafik/Grafiken_mit_Data-URI

D.h. der Code wäre korrekt verwendet innerhalb von img src, um den extra 
Roundtrip zum Server zu sparen.

Als direkte Antwort auf einen HTTP(S) GET wäre das aber Blödsinn, dann 
ist irgenwas flashc konfiguriert.

von Frank L. (Firma: Flk Consulting UG) (flk)


Lesenswert?

Hallo Jim,

Ich konnte das Problem lösen in dem ich mir in Abwandlung des raw-loader 
einen eigenen custom loader gebaut habe.
Der tut jetzt genau was ich brauche!

Gruß
Frank

Bitte melde dich an um einen Beitrag zu schreiben. Anmeldung ist kostenlos und dauert nur eine Minute.
Bestehender Account
Schon ein Account bei Google/GoogleMail? Keine Anmeldung erforderlich!
Mit Google-Account einloggen
Noch kein Account? Hier anmelden.