当前位置: 首页 > 知识库问答 >
问题:

我是将图像资产公开存储还是将src存储在reactJS中?

寿浩言
2023-03-14

我正在使用react进行我的应用程序。我有一个div,我想要一个背景图像。但我不能让它表现出来。

当我把它作为myapp/src/bgimage包含在src文件夹中时。png它工作得很好,但我听说我应该把它放在根目录下名为images的文件夹中,所以它是myapp/images/bgimage。png,但这对我来说不适用,并且给了我:

您试图导入项目src/目录之外的.../image/bgimage.png。

有人能告诉我在reactJS中包含图像资产的正确方法吗?

共有3个答案

程化
2023-03-14

如果您使用的是create-react-app,则需要使用/src以获得以下好处。

  1. 脚本和样式表被缩小并捆绑在一起,以避免额外的网络请求
  2. 丢失的文件会导致编译错误,而不是用户的404错误
  3. 结果文件名包含内容哈希,因此您无需担心浏览器缓存其旧版本

此外,如果您仍在使用webpack的资产绑定,则将重建/src中的文件。

您可以在src中创建子目录。为了更快地重建,webpack只处理src中的文件。你需要将任何JS和CSS文件放入src中,否则webpack将看不到它们。

看到这个链接了吗

裴永年
2023-03-14

我要补充的是,在“src”文件夹中创建一个“资产”文件夹是一种很好的做法。

龙涵蓄
2023-03-14

公共:应用程序编译时未使用的任何内容

src:编译应用程序时使用的任何东西

因此,例如,如果您在组件中使用图像,它应该在src文件夹中,但如果您在应用程序之外有图像(即收藏夹),它应该是公开的。

 类似资料:
  • 问题内容: 在数据库中存储图像的常用方法是在存储数据之前将图像转换为数据。此过程将使大小增加33%。或者,可以将图像直接存储为;例如: 然后用 使用后一种方法,我们可以节省1/3的存储空间。为什么像在MySQL数据库中那样存储图像更常见? 更新: 关于将图像存储在数据库中的优点和缺点的争论很多,大多数人认为这不是一种实用的方法。无论如何,在这里我假设我们将图像存储在数据库中,并讨论了这样做的最佳方

  • 我目前正在使用ReactJS构建一个单页应用程序。 我读到不使用的原因之一是因为XSS漏洞。 由于 React 会转义所有用户输入,现在使用 是否安全?

  • 数据是非常小的,就像水果的列表,不会经常改变,也只有一个服务将使用这个数据和服务到其他服务,请提到您的方法的优点和缺点。

  • 问题内容: 如果选择nvarchar(MAX),我不知道字符数是否有限制,而且我不确定无论如何我需要多少个字符。 在这里使用什么标准数据类型?我正在使用SQL Server 2008 R2 问题答案: 不推荐使用该类型,与和一样。微软建议使用替换它们,并分别。 因此使用。 参考: ntext,文本和图像(Transact-SQL)

  • 问题内容: 我目前正在使用reactjs构建一个单页面应用程序。我读到许多不使用localStorage的原因是由于XSS漏洞。由于React避开了所有用户输入,现在使用localStorage是否安全? 问题答案: 在大多数现代单页应用程序中,我们确实必须将令牌存储在客户端的某个位置(最常见的用例-在页面刷新后使用户保持登录状态)。 共有2个可用选项:Web存储(会话存储,本地存储)和客户端co

  • 问题内容: 我想将生成的图像存储在变量中,以将其用作嵌入式图像。 这些功能都不适合我的用例: -将其写入标准输出。这确实有帮助..因为我必须将图像嵌入html文件中。 /从命令行执行时不执行任何操作 问题答案: 您尝试过还是等效的?