Подтвердить что ты не робот

Веб-пакет требует относительного изображения

У меня есть два файла:

  • ./IMG/mypic.png
  • ./JS/помощь/цели/target.js

В target.js:

<img src={require("../../../img/target.png")} />

С webpack.config.js:

 14   module: {
 15     loaders: [
 16       { test: /\.js$/, loader: 'jsx-loader?harmony' },
 17       { test: /\.css$/, loader: 'style-loader!css-loader' },
 18       { test: /\.(png|jpg|jpeg|gif|woff)$/, loader: 'url-loader?limit=8192' },

Скомпилирует изображение в ./[hash].png.

Теперь я использую react-router, поэтому я нахожусь в /help/targets/target, и webpack передает изображение этому пути /help/targets/[hash].png, где hash - сумма sha1. Я бы предпочел, чтобы он дал ему путь /[hash].png. Просто

Как сделать webpack понятным, что для этого js файла путь к изображению относительно похож на тот же путь, что и в браузере?

4b9b3361

Ответ 1

Трюк заключается в том, чтобы дать webpack config-hint о том, на чем основать его пути:

Использование:

"output": { "publicPath": "/" }

Говорить веб-пакет не относительный.