Заставьте React JSX собрать быстрее без производства

Question

Я переключился на ReactJS с чистого JS для моего веб-интерфейса.Я сделал мой рабочий процесс медленнее.Раньше я редактировал файл, обновлял браузер, и он там.Но теперь мне нужно запустить «npm run build» и подождать несколько секунд, прежде чем обновлять браузер.

Есть ли способ, которым я могу сделать это без строительства?Или я могу выбрать способ не создавать минимизированный JS для экономии времени?

Answer 1

1.Используйте режим webpack watch для автоматической сборки.

Добавьте --watch param к сценарию, который запускает вашу сборку

"start": "webpack --watch"

2.Горячая замена модуля

Вы можете настроить веб-пакет для использования горячей замены модуля, который в основном переводит ваш код в режим прямого редактирования, и вам не нужно обновлять браузер, чтобы получить изменения.Конфигурация может быть сложной, но сэкономит вам много времени.

Для получения дополнительной информации см. Официальные документы - Горячая замена модуля

3.Используйте create-Reaction-app

Если вы только начинаете свой проект, используйте create-react-app для генерации шаблона реакции.Он поставляется со встроенной горячей заменой модуля и оптимальной конфигурацией для development и production.

. Перейдите к новому каталогу и запустите

npx create-react-app your-project-name

. Это создаст новый каталог.с указанным вами именем и всем остальным будет прямо вперед.

Подробнее здесь - create-Reaction-app