首页 文章

webpack需要相对图像

提问于
浏览
21

我有两个文件:

  • ./img/mypic.png

  • ./js/help/targets/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 sum . 我更愿意,如果它给它的路径 /[hash].png . 只是

如何让webpack了解对于这个js文件,图像的文件路径是否与浏览器中的相同?

1 回答

  • 19

    诀窍是给webpack一个关于其路径基础的配置提示:

    使用:

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

    告诉webpack不要相对 .

相关问题