Disconnected from BrowserSyncにすぐになってしまいます。

Question

Disconnected from BrowserSyncにすぐになってしまいます。
数回保存すると上記の状態になり、ブラウザ上ではずっと読み込み中になって、
再読み込みをしてくれません。
dest-afterとsrc-beforeは同じディレクトリ上にあります。
かなり不安定なのですが下記ソースに問題があるのでしょうか？

const plugins = [
    require('postcss-import'),
    require('postcss-cssnext'),
    require('postcss-nested'),
    require('csswring'),
    require('postcss-calc'),
    require("postcss-custom-properties"),
];


 gulp.task("css", function(){
    gulp.src('./src-before/**/*.css')
        .pipe(postcss(plugins))
        .pipe(gulp.dest('./dest-after/css'));
});

gulp.task('watch', function(){
    gulp.watch(['src-before/**/*' , 'src-before/**/**/*'], ["css"]);
});

  gulp.task("server", function () {
        //初期設定です
        browserSync.init({
            server: {
            baseDir: "./dest-after/" 
            }
        });
 
  gulp.watch (['dest-after/index.html','dest-after/js/*', 'src-before/app.css' , 'src-before/**/*' , 'src-before/**/**/*'], browserSync.reload);
});

gulp.task("default", ["watch", "server"]);