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

Question

在一个webpack React项目中，我可以通过添加图片

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

或

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

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

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

Answer 1

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