导入/需要图像或公用文件夹？

Question

在webpack React项目中，我可以通过

添加图像

<img src={require('./img.png'}/>（相当于使用import）

或

<img src='img.png'/>并将图片放入public文件夹。

两者之间有什么区别，哪个更受欢迎？

从我的测试看来，浏览器似乎只会在public文件夹中缓存图像？

Answer 1

第二个是首选。公共目录存储静态资产。它是webpack哲学的一部分。而且我认为你不想添加烦人的＆＃34;要求＆＃34;在.rc的src属性中。