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

Question

我通常在 src 文件夹下创建 images 文件夹，所以我通过组件中的 require require("images/sample.jpg") 访问它们。

我正在学习 React 的朋友正在努力加载图像，他在 public 下创建了图像文件夹，如下图所示。这样，他可以在没有require() 的情况下访问图像，所以他只需要images/sample.jpg。我以为我需要使用 require() 在 React 中加载图像。

将images文件夹放在public下没有问题吗？那我们为什么要使用require()？

Answer 1

在 public 文件夹和 src 文件夹中添加图像都是可接受的方法，然而，将图像导入组件的好处是您的资产将由构建系统处理，并且会接收哈希值这提高了缓存/性能。如果文件被移动/重命名/删除，您还将获得额外的好处。

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