express+webpack+react项目搭建遇到的坑

1.项目中图片地址的问题:
js文件中图片引用的两种方式

src=“../img/1.jpg”
src={require('../img/1.jpg')}

图片描述
图片描述
二者在项目运行的时候没有问题,但是一但经过webpack打包编译后,在打开html文件时,第一种方式就显示路径错误,试过很多次都改不过来,
因为总觉得写require用在图片地址上总觉的特别的别扭,所以希望解决这个问题。

相关的解决问题耶都尝试过,觉得都在配置文件的路径问题,可以试了很多次都不成功,所以请求解决问题。

求解决这个问题
项目地址在
https://github.com/jeremyChen...
项目的运行方法上面写的很清楚。

阅读 2.7k
2 个回答

webpack里,src不能直接用路径的(css里可以)。如果可以,望大神指出来。

es6可能或优雅一点。

import pic from '../img/lake.jpg';

<img src={pic} alt="湖" />

怎么没人回答啊

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题