Неправильный путь к изображению

Question

test.js

console.log(require('./../images/xxx.png'));
// images/xxx.png
// correct should be ../images/xxx.png

Я не знаю вопроса, вызванного require или webpack loader

webpack.config.js

output : {
   path : path.join(__dirname,'public'),
   publicPath : '/public/'
}

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

---

Я обновил загрузчики

loaders: ['url?limit=8192&&name=../images/[name].[ext]&context=./public/']
console.log(require('./../images/xxx.png'));
// It's correct ../images/xxx/png.
// But image will not in public/images folder

Answer 1

Вам необходимо добавить свой загрузчик изображений, связанный с загрузчиком файлов. Что-то вроде этого.

  loaders: [
      {
        test: /.*\.(gif|png|jpe?g|svg)$/i,
        loaders: [
          'file?hash=sha512&digest=hex&name=[hash].[ext]',
          'image-webpack'
        ]
      }
    ]