在webpack React项目中，我可以添加图像
<img src={require('./img.png'}/>（相当于使用import）
<img src={require('./img.png'}/>
import
要么
<img src='img.png'/>并将图像放在public文件夹中。
<img src='img.png'/>
public
两者之间有什么区别，哪个更受欢迎？
从我的测试来看，似乎浏览器只会在public文件夹中缓存图像？
第二个是首选。公共目录存储静态资产。它是webpack哲学的一部分。而且我认为你不想在src属性中添加恼人的“require”。