Baixei seu projeto. O live reloading esta funcionando!!!
Alterei o arquivo src/round-about.scss:
/*!
* Start Bootstrap - Round About (http://startbootstrap.com/template-overviews/round-about)
* Copyright 2013-2017 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-round-about/blob/master/LICENSE)
*/
body {
background: red; // mudei aqui!
padding-top: 54px;
}
@media (min-width: 992px) {
body {
padding-top: 56px;
}
}
Instantaneamente a cor do fundo ficou vermelha. Parece que é um problema da plataforma. Eu testei no MAC. Qual seu sistema operacional? Porém, quando altero o HTML, nada acontece. E investigar isso me levou ao seguinte.
Porém vi algumas coisas diferentes no seu gulpfile. Por exemplo, você esta querendo minificar em tempo real. Isso não é feito na prática. Só minificamos e concatenamos no build de produção e não no desenvolvimento. Talvez as outras tasks estejam zuando com seu browserSync.
Em suma, você deve rever todo o seu gulfile e só minfiicar HTML, CSS, JS quando for executar um comando de build de produção. Se você minifica em desenvolvimento com o watch, você terá dificuldades em depurar sua aplicação e o seu gulp ficará muito doido. O livereload é sobre os arquivo de desenvolvimento, não os de produção, ou seja, não é para ser feito na pasta dist.
No máximo, em src, você vai compilar os arquivos SCSS em tempo real. Todo o restante é para ser aplicado com distcom um só comando. Aliás, é assim que faço no curso de Gulp da Alura.
