Estou usando o Guard com Sass e LiveReload com a extensão Chrome LiveReload em um projeto. Eu estava percebendo que precisava clicar em salvar algumas vezes antes que o CSS compilado fosse renderizado. Isso acontecia porque meu navegador estava atualizando antes que meu CSS terminasse de compilar. Procurei uma maneira de consertar isso e descobri que há uma opção chamada ‘grace_period’ na documentação do guard-livereload.
Então, em seu guardfile, onde você configura seus diretórios “watch”, apenas adicione a opção: grace_period assim:
guard 'livereload', :grace_period => 0.8 do
watch(%r{templates/.+.html})
...
endO valor que você pode definir é em segundos . Portanto, 1 é igual a 1 segundo. Estou usando 0,8 segundos.
Agora, só preciso salvar o arquivo uma vez e meu código tem tempo de compilar antes que meu navegador seja atualizado.