WebPack Konfigurationsproblem

Frank L. (flk) OP (Firma: Flk Consulting UG) 31.03.2021 20:35 #6640418

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

export default "data:image/svg+xml;base64,PD94bWwgdmV.......


ich bräuchte aber

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<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"
   viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">


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

Antwort Zitieren Bearbeiten Thread verschieben Thread sperren Anmeldepflicht aktivieren Anpinnen Thread löschen Thread mit anderem zusammenführen Beitrag melden

Jim M. (turboj) 01.04.2021 11:45 #6641024

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.

Antwort Zitieren Bearbeiten Löschen Beitrag melden

Frank L. (flk) OP (Firma: Flk Consulting UG) 01.04.2021 11:55 #6641038

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

Antwort Zitieren Bearbeiten Löschen Beitrag melden

Thread beobachten

Antwort schreiben

Hinweis: der ursprüngliche Beitrag ist mehr als 6 Monate alt. Bitte hier nur auf die ursprüngliche Frage antworten, für neue Fragen einen neuen Beitrag erstellen.

Text *

Formatierung

[c]C-Code[/c]
[code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
[math]Formel in LaTeX-Syntax[/math]
[[Titel]] – Link zu einem Artikel
Verweis auf einen anderen Beitrag: Rechtsklick auf dessen Beitrags-ID (#8078628), „Adresse kopieren“, in den Text einfügen

Mehr zur Formatierung

Anhänge

Längeren Sourcecode als Anhang, nicht in den Text. JPG nur für Fotos und Scans; Zeichnungen und Screenshots als PNG oder GIF. Siehe Bildformate.

Dein Name und deine E-Mail-Adresse

Schon registriert? Anmelden

Vorname *

E-Mail-Adresse *

Wird nicht angezeigt. Wir schicken dir einen Link; sobald du damit bestätigst, erscheint dein Beitrag.

Thread beobachten

Mit dem Abschicken legst du einen kostenlosen Account an und erkennst die Nutzungsbedingungen und die Datenschutzerklärung an.