Javascript Browsersync流函数行为

Javascript Browsersync流函数行为,javascript,stream,gulp,browser-sync,Javascript,Stream,Gulp,Browser Sync,我想我遇到了一个有趣的问题。 调用gulp此任务时: gulp.task("cssReload",function () { browserSync.stream(); }); 它不起作用。 但是,如果我打电话: gulp.task("cssReload",function () { gulp.src("") .pipe(browserSync.stream()); }); BrowserSync流函数可以正常工作。这是预期的行为,而我错过了什么 对我来说,第

我想我遇到了一个有趣的问题。 调用gulp此任务时:

gulp.task("cssReload",function () {
    browserSync.stream();
});
它不起作用。 但是,如果我打电话:

gulp.task("cssReload",function () {
    gulp.src("")
        .pipe(browserSync.stream());
});
BrowserSync流函数可以正常工作。这是预期的行为,而我错过了什么


对我来说,第一种方法也应该有效。有人能解释一下我遗漏了什么吗?

是的,这是预期行为。通过使用gulp.src()和管道重新加载来跟踪更改

你也可以看看这个简单的例子来激发灵感。


我给你举了个例子。如果这是正确的,您可以将其标记为正确答案。@Bartosz546您持续的误解不会影响此答案的正确性,也不会阻止您将其标记为正确答案。两年后。您没有正确使用。您必须通过管道将资源吞下,以便它能够检测文件更改。阿菲尔。
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']);