Ariel Mejia
Posted on January 7, 2021
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',
})
Guardamos los cambios.
Ejecutamos el comando en la terminal
npm run watch
Si no se ha realizado ningun comando previo como:
npm install
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
Con esto podremos abrir nuestro proyecto y este recargara cada vez que realicemos algún cambio.
Espero les sea de utilidad el tip!
Posted on January 7, 2021
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.