Перезагрузите веб-браузер автоматически после каждой модификации в скрипте reactjs

Question

Я новичок в Reactjs. Я использую Laravel 5.8 в качестве бэкэнда и Reactjs для фронтэнда. Каждый раз, когда я делаю изменения в скрипте внешнего интерфейса, мне приходится обновлять sh страницу, чтобы изменения отображались в браузере. Есть ли способ сделать изменения автоматически обновляемыми в веб-браузере?

Answer 1

BrowserSyn c может автоматически отслеживать ваши файлы на наличие изменений и вставлять ваши изменения в браузер, не требуя ручного обновления sh. Вы можете включить поддержку, вызвав метод mix.browserSyn c () согласно документации Laravel.

Step1: npm install -g browser-sync
Step2: In webpack.mix.js file add this: mix.browserSync('localhost:8000');
Step3: php artisan serve
Step4: npm run watch

Если все в порядке, то BrowserSyn c запустит ваш проект на локальном хосте: 3000, и любые изменения, внесенные в сценарий переднего плана, будут автоматически перезагружены.

Answer 2

Я думаю, вы имеете в виду Горячая перезагрузка , которая поддерживается из коробки с Create React App, также известным как CRA. Использовали ли вы create-react-app для bootstrap вашего приложения React?

Вот как это будет работать:

> npx create-react-app my-app
> npm start

Когда вы введете npm start, окно браузера откроется на localhost:3000 и показать интерфейс приложения React. Теперь откройте ваш любимый браузер и начните разработку кода вашего приложения. Каждый раз, когда вы сохраняете файл (jsx, tsx, css, et c.), Браузер автоматически обновляет sh, чтобы отобразить сделанные вами изменения. Это известно как горячая перезагрузка.