浏览器不会自动重新加载，但一旦我点击浏览器本身的某个地方就会重新加载

Question

遇到这个问题很奇怪，经过一番搜索，我无法解决这个问题，这是我第一次在Whosebug上提问。我的 gulpfile.js 正在关注...

//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'
              }
        })
    });

谢谢大家！

Answer 1

通常你会使用：

var browserSync = require('browser-sync').create();

并使用

browserSync.**init**({
       server: {
          baseDir: 'src'
          }
    })

要初始化。希望这有帮助。

编辑 2016 年 1 月 17 日：WebStorm 有时似乎可以缓存更改而不是将其写入文件系统。在这种情况下，browserSync (gulp) 看不到更改。单击退出 WebStorm 或刷新将强制更新。这似乎是你的问题。

浏览器不会自动重新加载，但一旦我点击浏览器本身的某个地方就会重新加载

the browser wont reload automatic,but will once I click somewhere,eg, the browser irself

web

gulp

browser-sync