Javascript Browsersync流函数行为
我想我遇到了一个有趣的问题。 调用gulp此任务时: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.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']);