Reactjs默认徽标img url
提问于 2020-08-01 18:24:52
我只是从Reactjs开始。App.js文件中的默认代码具有react徽标。在浏览器中检查此徽标的img标记时，我看到以下src url。
<img src="/static/media/logo.5d5d9eef.svg" class="App-logo" alt="logo">但我在本地项目目录中找不到"/static/media/“路径，也找不到文件”logo.5d5d9eef.svg“。这个图像是从哪里提供的？
回答 2
Stack Overflow用户
发布于 2020-08-01 18:29:30
您看到的这个徽标是由/src/logo.svg提供的。
静态/media/是根据react构建和显示给用户的方式生成的。
下面是初始的create-react-app结构：
my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│ ├── favicon.ico
│ ├── index.html
│ └── manifest.json
└── src
├── App.css
├── App.js
├── App.test.js
├── index.css
├── index.js
├── logo.svg
└── serviceWorker.js
└── setupTests.js在这里你可以找到更多的文档：
Stack Overflow用户
发布于 2020-08-01 18:52:30
它主要是关于Webpack (由create-react-app使用的)。如您所见，原始文件名为logo.svg。Webpack检测类似import logo from './logo.svg'的导入，并将导入的文件转换为具有后缀logo.5d5d9eef.svg的资源。这是使资产名称唯一所必需的。请先读一读关于Webpack的故事。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63208652
复制
腾讯云开发者
