En un artículo anterior vimos como configurar Grunt para compilar less, en ese artículo explique como usar el comando “watch” para que el css se regenere cada vez que guardamos un cambio a algún archivo less de nuestro theme.
La manera obvia de verificar los cambios en el css es refrescando la pagina en nuestro navegador.
Cuando refrescamos la pagina se procesa la petición completa, esto significa el código PHP, Javascript, CSS, etc etc. Lo cual implica muchos segundos esperando dependiendo de las características del proyecto, de la potencia de la maquina que estemos empleando para desarrollar etc etc.
Entonces lo mas sensato seria poder refrescar solo el CSS y evitar la perdida de tiempo. Para eso es que sirve la extensión “CSS Reloader” de Chrome.
Una vez instalada solo debemos presionar la tecla F9 (podes seleccionar otra si no te gusta esta) y el CSS se volverá a cargar mostrando los cambios.