为什么加载不出来图片，图标图片都能加载出来，只有img底下的goods.jpg加载不出来？

[xuxchao]

[xuxchao]

我看了一下是因为路径少了icon的原因，
404错误的路径：http://localhost:8080/img/goods.jpg
正确路径：http://localhost:8080/icon/img/goods.jpg

分析之后感觉是webpack下面图片打包的问题
{ //图片打包 test:/(\.jpg|\.png|\.gif|\.jpeg)$/, use:{ loader:'file-loader', options: { outputPath: 'icon', name:'[name].[ext]', useRelativePath:true } } }

但是我去掉了outputpath还是有问题，所以就怀疑我重启项目之后项目之前的内容并没有被删掉，我看了一下项目中是有清除插件的
new CleanWebpackPlugin(['build']) //编译前先清除文件夹

但是我不会确认他是否真的清除了，请指教

[xuxchao]

上面的问题是因为我改错了webpack的配置文件，我修改了webpack.dev.config.js
将outputPath: 'icon',这句话删掉图片加载出来了，但是仅限于首屏。进入商品详情，的时候路径又变成了
http://localhost:8080/pages/img/goods.jpg.
useRelativePath:true我知道是因为这个属性的原因，但是这个属性还不能删掉，删掉之后正确路径就变成了
http://localhost:8080/goods.jpg.
但项目中的路径是http://localhost:8080/img/goods.jpg。

[william-xue]

这个问题后来解决了吗

[xuxchao]

没有

[william-xue]

主要是他的img是个嵌套的结构。我们写的话 只用二级目录，加个url-loader,路径用绝对路径就会避免这种问题