Как reactjs подключается к html файлу?

Question

[Hlib]

Не совсем понимаю, как react приложение находит html файл, к которому ему нужно привязаться.
То есть у есть create-react-app, есть index.js файл, где приложение рендерится в id='root' и index.html файл, в котором как раз находится этот root
Как index.js определяет этот файл? Никаких связывающих ссылок не нашел

Answer 1

[Антон Спирин]

Почитайте про сборщик модулей webpack и конкретно про webpackDevServer и HtmlWebpackPlugin. Вы можете выполнить npm run eject на тестовом проекте и посмотреть в файлах config/webpack.config.js, config/webpackDevServer.config.js и scripts/start.js как это все настроено и работает.

Если вы выполнитеnpm run build и откройте директорию build/static, то увидите там все сгенерированные файлы.

Answer 2

[Дима Паутов]

Как и все обычные скрипты, подключаем сам react в теге script, подключаем index.js, внутри которого прописана инициализация на элемент root

Comments

[Hlib]

В том то и дело, что скрипта на подключения нет, только одинокий div с айдишником root на весь index.html
Я так понимаю дело в нпм модулях

[Дима Паутов]

Hlib, чёт я ничерта не понимаю, вы как вообще подключаете то? Что вы используете?

[Robur]

Hlib, а вы посмотрите не в исходники а в html который в браузере.
На крайний случай в девтулзах в network откройте файл index.js или что там у вас грузится и посмотрите колонку initiator