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

Question

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

我正在学习React的朋友正在努力加载图像，他像下面的图像一样在公共目录下创建了图像文件夹。这样，他就可以访问图像而无需require()这样做，所以他就可以images/sample.jpg。我以为我需要require()在React中加载图像。

将images文件夹置于公共位置没有问题吗？那为什么要用require()呢？

Answer 1

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

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