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

Question

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

我正在学习 React 的 friend 在加载图像时遇到了困难，他在 public 下创建了图像文件夹，如下图所示。这样，他就可以在没有 require() 的情况下访问图像，因此他只需执行 images/sample.jpg 即可。我以为我需要使用 require() 在 React 中加载图像。

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

Answer 1

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

我应该指出，我相信 create-react-app 的哈希功能是开箱即用的，但需要在 Webpack 中手动配置。