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