Browsersync stream function behavior

Question

흥미로운 문제가 생겼습니다. 꿀꺽에서이 작업을 호출 할 때 :

gulp.task("cssReload",function() { 
    browserSync.stream(); 
}); 

이 작동하지 않습니다. 는 그러나, 나는 호출하는 경우 :

gulp.task("cssReload",function() { 
    gulp.src("") 
     .pipe(browserSync.stream()); 
}); 

BrowserSync 스트림 기능은 정상적으로 작동합니다. 그것은 예상되는 행동이고 나는 무엇인가 놓치고 있습니까?

제게는 첫 번째 접근 방식도 작동해야합니다. 누군가 내가 뭘 놓치고 설명 할 수 있니?

Answer 1

변경 사항이있을 경우 브라우저 동기화 작업을 시작하고 시청 한 다음 스트리밍해야합니다. 스트림은 인라인 핫 리로드 옵션입니다. 나는 또한 당신을 위해 기본 작업을 추가했습니다.

또한 내 간단한 해결 방법을 통해 영감을 얻을 수 있습니다. https://github.com/atilkan/gulp-typescript-stylus-template

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

gulp.watch('dev/css/**/*.css', ['cssReload']); 

gulp.task('browser-sync', function() { 
    browserSync.init({ 
     server: { 
      baseDir: 'dev/' 
     } 
    }); 
}); 



gulp.task('cssReload', function() { 
    gulp.src('dev/css/**/*.css') 
     .pipe(reload({ 
      stream: true 
     })); 
}); 

gulp.task('default', ['browser-sync', 'cssReload']);