У меня есть два файла:
- ./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 файла путь к изображению относительно похож на тот же путь, что и в браузере?