Browsersnyc Not Auto Reloading On Changes Made To Css

Got Browsersync to work with my Gulp file but I've really been struggling with getting browsersync to auto reload my static site when I make changes to the main.scss file. I've fol

Solution 1:

If you take out

gulp.watch('.//src/scss/*.scss',['styles']);
gulp.watch('.//*.html').on('change',browserSync.reload);

and replace with

gulp.watch('dest/**/*.html').on('change', browserSync.reload);

you should see changes providing that you are looking at a HTML file located under the dest directory.

I would also check that your styles and scripts tasks are firing. You should see this in the terminal/cli. If they are firing, any reload will also be logged too.

Hope that helps you out!