URL-загрузчик не генерирует файлы изображений

Question

webpack.config.js

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

Если фоновое изображение маленький 8192 он показывает, как base64.

но когда изображение размером более 9182 не имеет ничего. нет изображения в папке с изображениями.

Другая ситуация, я сделал

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

Если изображение большое, чем 8192 его можно найти в папке изображений, но путь images/xxx.jpg

Правильный путь ../images/xxx.jpg.

Я не знаю, как его решить.

Благодарим за помощь.

Answer 1

Вы используете publicpath для Webpack?

Вот мой конфиг:

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

В моем .js я требую изображений, как это:

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

Затем вы можете использовать загрузчик вроде этого:

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

Надежды помогает.