Configura hot reload en Laravel

arielmejiadev

Ariel Mejia

Posted on January 7, 2021

Configura hot reload en Laravel

Laravel Mix nos provee una opción llamada "BrowserSync", aquí veremos como configurarla para que cuando hagamos cambios en nuestras plantillas blade, la pestaña del navegador con nuestra aplicación, recargue automáticamente.

Modificar el archivo webpack.mix.js

Vamos a hacer uso de otra instancia de mix, abajo del codigo que ya esta presente:

mix.browserSync({
    'proxy': 'tuapp.test',
})
Enter fullscreen mode Exit fullscreen mode

Guardamos los cambios.

Ejecutamos el comando en la terminal

npm run watch
Enter fullscreen mode Exit fullscreen mode

Si no se ha realizado ningun comando previo como:

npm install
Enter fullscreen mode Exit fullscreen mode

El proceso tardara un poco mas pero apenas unos 20 o 30 segundos.

Nota

Si en este proyecto no se ha ejecutado el "watcher" con anterioridad, "npm" primero va a descargar todas las dependencias necesarias y nos solicitará que volvamos a ejecutar el mismo comando:

npm run watch
Enter fullscreen mode Exit fullscreen mode

Con esto podremos abrir nuestro proyecto y este recargara cada vez que realicemos algún cambio.

Espero les sea de utilidad el tip!

💖 💪 🙅 🚩
arielmejiadev
Ariel Mejia

Posted on January 7, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Configura hot reload en Laravel
laravel Configura hot reload en Laravel

January 7, 2021