Прямая перезагрузка приложения React Express

Question

Я работаю над реагирующим приложением с бэкэндом nodejs (express).

Мой вопрос о том, как лучше создать новый пакет веб-пакета и перезагрузить браузер после внесения изменений в интерфейс реакции. Я думаю о чем-то похожем на nodemon в nodejs.

Я пытался использовать webpack-dev-server для создания нового пакета каждый раз, когда я что-то меняю в реакции, но сталкивался с ошибками.

Возможно ли:

1. Настроить веб-пакет для создания нового пакета каждый раз, когда я что-то изменяю в реакции, все еще используя бэкэнд nodejs?
2. Настроить веб-пакет для создания нового пакета каждый раз, когда я что-то изменяю в реакции + перезагружаю браузер + использую nodemon?
3. Если нет, то как мне поступить, если я хочу создавать новый пакет веб-пакетов каждый раз, когда меняется мое реагирующее приложение?

Answer 1

React предоставляет вам конструктор приложений, который поддерживает те требования, которые вы хотели.

Пожалуйста, посмотрите здесь. Создание нового приложения React

Добавьте веб-пакет позже в дереве зависимостей после создания приложения.

Answer 2

Я сам решил свою проблему.

1. Моя цель состояла в том, чтобы мой сервер nodejs (экспресс) работал с моим приложением реагирования на стороне клиента.
2. Также веб-пакет должен создавать новый пакет, когда что-то меняется, чтобы при перезагрузке браузера изменения присутствовали.

Чтобы это произошло, вам нужно выполнить две команды:

1. Чтобы собрать пакеты веб-пакетов, если что-то изменится:

webpack --mode development --watch

2. И сервер nodejs с nodemon для перезагрузки при наличии изменений:

nodemon src/bin/www

Answer 3

Вы должны использовать горячую замену модуля: https://webpack.js.org/guides/hot-module-replacement/