webpack图片加载

Question

webpack+react 图片加载不出来，求解
1.已安装加载器 url-loader
2.配置文件中也已添加

3.打包后的图片文件也有

4.控制台没有报错

但是前台不会显示图片，请问是什么原因，如果用直接添加在HTML中格式：<img src={require("../../main/images/lvye_log.png")} alt=""/>会有图片显示，但是不会生成到打包文件中，请问这个图片到底要怎么处理会好些？

Answer 1

1、检查控制台的img元素src属性是否存在图片路径；

2、不存在路径则另外考虑，存在路径则可能是路径出错，考虑到你直接在src添加require可以导入，那么原来你是怎么添加的呢？

3、没贴出你是如何引用图片的代码，所以不好判断具体出错方向。

Answer 2

除了以上自身的className定义错误外，还有一个配置项 output中，添加publicPath：'自身输出路径'，然后就没有问题了