Wie zu verwenden es6-import für Bilder
Ich bin mit es6 und möchte ein Bild zu importieren, verwenden Sie mit webpack. Blick auf die Datei-loader doc, dies ist das Beispiel, das Sie gegeben:
var url = require("file!./file.png");
url wird jetzt wieder so etwas wie /static/351f9446b3ba577b6a79e373e074d200.png
Diese arbeiten mit erfordern, aber wie verwende ich import
um dies zu tun, habe ich versucht -
import * as url from '../images/151.png';
aber das funktioniert nicht, weil die url bleibt unbestimmt. Wie setze ich eine variable auf, was ich importieren, wenn es ein Bild ist?
Vielleicht ist diese Bibliothek wird helfen, github.com/tcoopman/image-webpack-loader
ich habe versucht, mit, dass, aber es funktioniert nicht
"Das funktioniert nicht"—wie funktioniert es nicht? Bitte erklären.
siehe edit - das verlangen wird etwas zurückgeben, aber nicht den import
import url von " Datei!./Datei.png'
ich habe versucht, mit, dass, aber es funktioniert nicht
"Das funktioniert nicht"—wie funktioniert es nicht? Bitte erklären.
siehe edit - das verlangen wird etwas zurückgeben, aber nicht den import
import url von " Datei!./Datei.png'
InformationsquelleAutor stackjlei | 2016-09-12
Du musst angemeldet sein, um einen Kommentar abzugeben.
Verwenden
import url from "file!./file.png"
Unable to resolve "file!./backgrounds/plan.jpg" from "example/index.js" Failed building JavaScript bundle.
InformationsquelleAutor Red Mercury
Mit Datei-loader Sie können dies erreichen, mit den schönen und einfachen syntax:
InformationsquelleAutor Tomek
Vielleicht nützlich sein können, zu speichern auf eine Klasse als base64 (keine plugins & keine Probleme, es zu finden):
Dann:
InformationsquelleAutor 3DRobert
Mit webpack 4 & es6 habe ich verwendet:
dieses dann als
src="url"
in meinem<img>
tag.InformationsquelleAutor Aziz