css - React js元素的css中的图像路径

Question

基本文件夹结构是 node_modules、公共(public)、src。

公共(public)文件夹中的css文件public/styles.css 图像位于 src/images/icon.png

对于保存在本地主机公共(public)文件夹中的 css 文件中的任何类，该图像的正确图像路径应该是什么 例如: .icon { 背景: url(../src/images/icon.png) 左上不重复；

图片可以直接从http://localhost:3000/exampleimage.png看到如果我的公共(public)文件夹中有图像。

请帮忙

Answer 1

该文件路径指向当前网站根目录的images文件夹中的文件

.icon { background: url(/src/images/icon.png) no-repeat left top;}

此文件路径指向当前文件夹中 images 文件夹中的文件。

.icon { background: url(src/images/icon.png) no-repeat left top;}

此文件路径指向图像文件夹中的文件，该文件夹位于当前文件夹的上一级文件夹中。

.icon { background: url(../src/images/icon.png) no-repeat left top;}