url-loader erzeugt keine Bilddateien

Question

webpack.config.js

test: /\.(png|jpg)$/, 
loaders: ['url?limit=8192&name=images/[name].[ext]'] 

Wenn Hintergrund-Bild kleiner als 8192 als base64 zeigt.

aber wenn Bild größer als 9182 gibt es nichts. Kein Bild im Bilderordner.

Eine andere Situation, die ich

var src = require('./../images/xxx.jpg'); 
$("#xxx").attr('src',src); 

getan haben: Sollte das Bild groß als 8192 kann es in Bildern gefunden werden Ordner aber der Weg ist images/xxx.jpg

Der richtige Pfad ../images/xxx.jpg ist.

Ich weiß nicht, wie man es löst.

Danke für Ihre Hilfe.

Answer 1

Verwenden Sie den PublicPath von Webpack?

Hier ist meine config:

output: { 
     path: __dirname + '/', 
     publicPath: 'http://localhost:3333/', //explicit specification of the output files URL when referenced in a browser. 
     filename: '[name].[chunkhash].js' 
    }, 

In meinem Js erfordern ich das Bild wie folgt aus:

import panel1 from '../../../assets/images/home-panel.jpg'; 

Dann können Sie den Lader wie folgt verwenden:

loader: 'url?limit=8192&name=assets/images/[name].[ext]' 

Hoffnung es hilft.