webpack benötigt relatives Bild
Ich habe zwei Dateien:
. / img / mypic.png. / js / help / goals / target.jsIn target.js:
<img src={require("../../../img/target.png")} />
Mit 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' },
Welche kompiliert das Bild in./[hash].png
.
Jetzt benutze ichreact-router
, also bin ich bei/help/targets/target
und das Webpack gibt dem Bild diesen Pfad/help/targets/[hash].png
wo Hash ist eine sha1 Summe. Ich würde es vorziehen, wenn es den Pfad @ g/[hash].png
. Gerad
Wie kann ich WebPack verständlich machen, dass der Dateipfad zum Bild für diese js-Datei genauso relativ ist wie im Browser?