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

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

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

https://img2.mukewang.com/5bd91cec00012a0d07910494.jpg

https://img3.mukewang.com/5bd91cf40001e08207530392.jpg

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

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

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


梦里花落0921
浏览 672回答 1
1回答

米琪卡哇伊

webpack里,src不能直接用路径的(css里可以)。如果可以,望大神指出来。es6可能或优雅一点。import&nbsp;pic&nbsp;from&nbsp;'../img/lake.jpg';<img&nbsp;src={pic}&nbsp;alt="湖"&nbsp;/>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript