Das base64-Image konnte nicht mit Webpack in die react-Komponente importiert werden

Question

Ich habe eine b64Images.js-Datei in meinem Bilderordner erstellt. Im Inneren habe ich folgendes:

export const placeholder = "data:image/png;base64,longb64string" 

Ich versuche es in einer meiner reagieren Komponenten zu importieren, mit:

import { placeholder} from '../../../images/b64Images.js' 

Es ist in der Lage, die Datei zu finden, aber ich erhalte die Fehler :

Es ist nur eine JS-Datei und mein Webpack ist bereits konfiguriert, um damit umzugehen. Ich habe keine Probleme, meine Reducer-Funktionen zu importieren.

Answer 1

Die Antwort ist, vergessen Sie die Konvertierung der Bilder selbst, und installieren Sie dieses Paket.

https://github.com/antelle/base64-loader

import { placeholder} from '../../../images/b64Images.js' 

wird

import placeholder from 'base64!../../../images/image.png' 

Traurigkeit Glück wird