Gulp-sass和瀏覽器同步不會重新加載瀏覽器

Question

當我更改一些scss文件時，一切似乎都有效（scss被編譯為css文件並且監視源文件）：

[21:19:46] Starting 'sass'...
[BS] 1 file changed (principal.css)
[21:19:46] Finished 'sass' after 18 ms

但我需要手動重新加載瀏覽器以反映更改。 這是我的gulpfile：

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

// Static Server + watching scss/html files
gulp.task('default', ['sass'], function() {

    browserSync.init({
        proxy: "huertajalon/"
    });

    gulp.watch("./sass/**/*.scss", ['sass']);
    gulp.watch("./*.php").on('change', browserSync.reload);
    gulp.watch("./style.css").on('change', browserSync.reload);

});

// Compile sass into CSS & auto-inject into browsers
gulp.task('sass', function() {
    return gulp.src("sass/principal.scss")
        .pipe(sass())
        .pipe(gulp.dest("./css"))
        .pipe(browserSync.stream());
});

在其他情況下（例如，當我修改並保存style.css時）瀏覽器重新加載。

我究竟做錯了什么？ 謝謝！

Answer 1

嘗試這樣的事情。

gulp.task(default, ['sass'], browserSync.reload);

另請參閱http://www.browsersync.io/docs/gulp/#gulp-reload

Answer 2

您使用的是瀏覽器同步版本2.6.0或更高版本，因為這需要使用browserSync.stream() 。 http://www.browsersync.io/docs/api/#api-stream

如果沒有，那么您應該更新，或者您可以嘗試使用browserSync.reload({stream: true}) ，這是以前使用瀏覽器同步處理流的方法。 如果我沒記錯的話。