Question

我认为，我发现了有趣的问题。在调用这项任务时：

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

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

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

BrowserSync Stream功能可以正常工作。这是预期的行为吗？我错过了什么？

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

Answer 1

您需要启动浏览器同步任务并观察，然后在有更改时进行流式处理。 Stream是内联热重载选项。我还为你添加了默认任务。

您还可以查看我的灵感解决方案。 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']);

Browsersync流功能行为

1 个答案: