使用gulp browser-sync重新加载，不传递任何参数
使用gulp browser-sync重新加载，不传递任何参数
提问于 2015-06-16 17:43:53
我正在为我的项目写我的gulp文件。代码如下：
gulp.task('sass', function() {
gulp.src(paths.styles.src)
.pipe(sass({
outputStyle: 'compact',
includePaths: [paths.styles.src]
}))
.pipe(autoprefix())
.pipe(gulp.dest(paths.styles.dest))
.pipe(browserSync.reload());
});我正在尝试做的是，如果*.scss文件有任何更改，则重新加载浏览器。(我的paths.styles.src是'dev/assets/scss/**/*.scss')
但是最后一根管子不管用。只有当我设置如下配置时，它才起作用：
.pipe(browserSync.reload({
stream: true
}));有没有人能给我解释一下，因为网上的文档不够清楚。
非常感谢。
回答 1
Stack Overflow用户
发布于 2015-06-16 19:56:40
我这样使用浏览器同步重载: gulp.watch(，'styles')；gulp.watch(，function() { browsersync.reload()；})；通过这种方式，您可以观察scss中的更改，在更改中编译，并在输出CSS文件的更改中监视输出和重新加载。按照您的方式，每次编译后都会重新加载，这也同样有效。但是您需要一个监视方法来监视scss文件中的更改。如果您想在编译后在管道中使用它，则必须将其定义为
reload({stream: true})这样就不需要重新加载整个文档。Browsersync仅将新的CSS注入浏览器。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30864030
复制相关文章
相似问题
腾讯云开发者
