cant reload even just watch the css style!

         //I just want an easy task,once the css change,reload the browser.
        var gulp = require('gulp');
        var browserSync = require('browser-sync');
         gulp.task('watch',['browserSync'], function() {
         gulp.watch('src/css/*.css', browserSycn.reload);
         gulp.watch('src/*.html', browserSync.reload);
     });

       gulp.task('browserSync', function() {
                 browserSync({
                      server: {
                         baseDir: 'src'
                        }
               })
        });

but once I click the browser, it works , I have google this a lot , I think this is the last place who can handle this issuse, So what’s next?

[HectorManriquez]

This is an older post but for future reference if anyone is having any issues.

The following should work if you are working on WebStorm:

Go to Settings >System Settings > Synchronization > Uncheck Use “safe write”

Now every time you make a change you should see the page reload with the changes.

[radcapitalist]

@HectorManriquez @ivanberry At least for me, unchecking “safe write” did not help. However, you can just do Ctrl+S (Save All) in WebStorm just like in other editors, and at that point, browser-sync does catch it and update the browser.