What to use to reload browser when files change in development?

Question

css

Until now, use browser-sync and was satisfied and even advised it. But today I encountered one very unpleasant feature, namely, style injection without reloading.
The situation is approximately the following - there is ul.li.span{text}, where the text is inline. I push them back with translate by 53%, but they still overlap. I add up to 80% and it turns out to be a lot and I start to decrease again. And I decrease until the gap begins to suit me. And the desired clearance is obtained at 53%. Here I forget that at 53% there is an overlay and I continue to typeset further. I made it up and took something and reloaded the page manually, and there was horror. I started to retype, and only the second time I noticed this "bug". There is a possibility that this is only with matrices.
Therefore, I want to ask what do you use to update and does your "updater" update the page when styles change, or does it also inject?

Answer 1

browsersync is the best
if you want to force a page refresh, in the options set injectChanges to false

Answer 2

gulp-connect: https://www.youtube.com/watch?v=bK3kzGhbJR0

Answer 3

or here I twist and then add it to the styles :)
and yes, gulp-connect and livereload