Почему сервер localhost запускается при запуске React? - PullRequest
1 голос
/ 01 июня 2019

create-react-app, кажется, запускает локальный сервер на npm start.

(npx поставляется с npm 5.2+ и выше, см. Инструкции для более старых версий npm)

Затем откройте http://localhost:3000/, чтобы увидеть ваше приложение.

Когда вы будете готовы к развертыванию в рабочей среде, создайте минимизированный пакет с помощью npm run build.

https://facebook.github.io/create-react-app/docs/getting-started

Зачем мне нужен сервер только для запуска JavaScript?

В чем отличия, преимущества и недостатки открытия файла результатов сборки непосредственно в браузере?

Кроме того, верно ли это для других фреймворков независимо от create-реагировать на приложение?

Я читал репозиторий React и т. Д. По этому вопросу, но по этому вопросу не было темы.

1 Ответ

1 голос
/ 01 июня 2019

Одним из главных преимуществ create-react-app запуска сервера локального хоста является горячая перезагрузка .

Когда вы пишете самый современный JavaScript, включая React, ваш код должен быть передан (по существупреобразован в другую версию JS), прежде чем браузер сможет понять это.Это называется процессом сборки, который берет все файлы в каталоге src и объединяет их в один статический файл JS.

Вы могли бы сделать это вручную с помощью npm run build,который создает index.html, который вы можете открыть в браузере без запуска сервера.Но вам нужно пройти процесс, состоящий из двух частей, чтобы увидеть ваши изменения: пересобрать, а затем перезагрузить браузер, чтобы увидеть ваши изменения.

create-react-app построен так, что он следит за изменениями в ваших файлах, обновляет встроенный JSвсякий раз, когда вы нажимаете сохранить, а затем перезагружаете сервер, автоматически загружая ваши изменения.

Запустив сервер на локальном хосте, create-react-app может обновлять вашу страницу мгновенно при каждом сохранении, без перестройки вручную ИЛИ обновления страницы,Горячая перезагрузка!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...