javascript - Browsersync 流功能行为

Question

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

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

它不起作用。但是，如果我打电话:

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

BrowserSync Stream 功能正常工作。这是预期的行为，我遗漏了什么吗？

对我来说，第一种方法似乎也应该有效。有人可以解释一下我错过了什么吗？

Answer 1

是的，这是预期的行为。您正在使用 gulp.src() 和管道重新加载来跟踪更改。

你也可以看看这个简单的例子来寻找灵感。 https://github.com/atilkan/gulp-typescript-stylus-template/blob/master/gulpfile.js

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