Wie bekomme ich den Bildpfad vom Webpack?

Question

Ich habe so etwas in meinem webpack.config.js:

{ 
     test: /\.png$/, 
     loader: 'file-loader' 
    }, 
    { 
     test: /\.jpg$/, 
     loader: 'file-loader' 
    } 

Also, wenn ich

import 'path/to/image.png'; 

Webpack tun hat, das Bild finden und stellt sicher, dass es es laden kann.

Wie gehe ich, wenn ich das Bild in meinem JavaScript-Code verwenden möchte.

Oft APIs erfordern etwas wie folgt aus:

let options = { 
    iconPath: 'path/to', 
    iconImg: 'path/to/image.png' 
} 

Was mache ich statt den Weg stellen?

Answer 1

Import von 'path/to/image.png';

Sie können png in Ihrem img src verwenden