Auto refresh after changes with Laravel Mix

laravel-auto-refresh.md

Laravel auto refresh after changes

To achieve this you can use Laravel Mix

1. Ensure that Node.js and NPM are installed: run node -v and npm -v.
2. Install Laravel Mix npm install.
3. Open webpack.mix.js and add mix.browserSync('127.0.0.1:8000');.
4. Run php artisan serve.
5. And the npm run watch.

Sources

• Laravel Mix Docs
• Laravel Docs
• Browsersync

it work nice, thanks
npm install browser-sync
npm install browser-sync-webpack-plugin

it's working flawlessly, Thanks!

if it not working for you, try to check if your node.js is installed or not.

its stuck at [Browsersync] Reloading Browsers... . It downloaded so many files (500+) 100mb just for this, and still didnt work :)

Thanks, I confirm that it works.

use http://localhost:3000/ instead of http://localhost:8000/

Yes it is working. And just to help make it a little clearer...
You add mix.browserSync("127.0.0.1:8000"); to your webpack.mix.js
Then run php artisan serve
then also run npm run watch
then you set your browser tab to localhost:3000 and it will auto-refresh the browser every time you save a change in your code editor! Much like running GoLive.

HUGE time saver.

PS you can still tune in to localhost:8000 like normal, you just have to manually refresh the browser yourself.

Working Thanks

It's work, thank you 👍

it's work , thank you

Thanks a million

Works for me thanks