Reactjs lo по умолчанию go img url

Question

Я только начинаю с Reactjs. Код по умолчанию в файле App. js имеет реакцию lo go. При просмотре тега img для этого lo go в браузере я вижу следующий sr c url.

<img src="/static/media/logo.5d5d9eef.svg" class="App-logo" alt="logo">

Но я не нахожу путь «/ static / media /» нигде в моем локальный каталог проекта, и я тоже нигде не нахожу файл lo go .5d5d9eef.svg. Откуда подается это изображение?

Answer 1

Это в основном о Webpack (который используется приложением create-react-app). Как видите, исходный файл называется logo.svg. Webpack обнаруживает импортированные файлы, такие как import logo from './logo.svg', и преобразует импортированные файлы в ресурсы с суффиксом logo.5d5d9eef.svg. Это необходимо для того, чтобы имена активов были уникальными. Пожалуйста, прочтите сначала о Webpack.

Answer 2

Этот lo go, который вы видите, обслуживается из /src/logo.svg.

Статический / media / генерируется на основе того, как реакция строится и отображается пользователю.

Вот начальная структура приложения create-response-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

Здесь вы можете найти дополнительную документацию:

https://github.com/facebook/create-react-app