webpack requer imagem relativa
Eu tenho dois arquivos:
./img/mypic.png./js/help/targets/target.jsNo target.js:
<img src={require("../../../img/target.png")} />
Com o 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' },
Que compila a imagem em./[hash].png
.
Agora eu usoreact-router
então estou em/help/targets/target
e o webpack está dando à imagem esse caminho/help/targets/[hash].png
onde hash é uma soma sha1. Eu preferiria que desse o caminho/[hash].png
. Somente
Como faço para o webpack entender que, para esse arquivo js, o caminho do arquivo para a imagem é relativo da mesma maneira que no navegador?