我应该在React项目中将图像文件放在哪里？

Question

我通常将图像文件夹放在src文件夹下，因此我可以通过组件中的require require("images/sample.jpg")来访问它们。

我正在学习React的朋友正在努力加载图像，他像下面的图像一样在公共目录下创建了图像文件夹。这样，他就可以在没有require()的情况下访问图像，因此他只需images/sample.jpg。我以为我需要使用require()在React中加载图像。

将images文件夹置于公共状态是否没有问题？那么为什么要使用require()？

Answer 1

在公共文件夹和src文件夹中添加图像都是可以接受的方法， ，将图像导入到组件中的好处是您的资产将由构建系统处理，并且将接收哈希改善了缓存/性能。您还将获得额外的好处，如果文件被移动/重命名/删除，它将引发错误。

我应该注意，我认为散列功能与create-react-app是开箱即用的，否则需要在Webpack中手动配置。