livereload（瀏覽器同步）的工作只是一次

Question

的問題是，當我開始

一飲而盡看

，改變青菜文件，頁面重新加載並生成項目只有一次。然後它停止在任務sass上，如果我想更改其他sass文件 - 沒有發生然後（請參閱下面的日誌）。我怎麼解決它？

gulp.task('sass', wrapPipe(function(success, error) { 
    return gulp.src('app/css/scss/style.scss') 
     .pipe(sass({ 
      includePaths: [ 
       './bower_components/foundation-sites/scss' 
      ] 
     }).on('error', error)) 
     .pipe(gulp.dest('app/css')) 
     .pipe(browserSync.reload({ 
      stream: true 
     })); 

    })); 

    gulp.task('livereload', function() { 
     browserSync.init({ 
      server: "./app", 
      notify: false 
     }); 
    }); 

    gulp.task('watch', ['livereload'], function(){ 
     gulp.watch('app/css/scss/**/*.scss', ['sass']); 
    }); 

這是日誌：

[18:52:39] Starting 'livereload'... 
[18:52:39] Finished 'livereload' after 20 ms 
[18:52:39] Starting 'watch'... 
[BS] Reloading Browsers... 
[18:52:39] Finished 'watch' after 33 ms 
[BS] Access URLs: 
------------------------------------- 
     Local: http://localhost:3000 
    External: http://192.168.0.95:3000 
------------------------------------- 
      UI: http://localhost:3001 
UI External: http://192.168.0.95:3001 
------------------------------------- 
[BS] Serving files from: ./app 
[18:52:50] Starting 'sass'... 
[BS] 1 file changed (style.css) 

Answer 1

我不知道什麼樣的行爲誰想要比檢測後續修改.scss文件等。爲此，如果您添加退貨會發生什麼情況：

gulp.task('watch', ['livereload'], function(){ 
    return gulp.watch('app/css/scss/**/*.scss', ['sass']); 
});