Gulp 吞咽浏览器同步不';行不通
我正在尝试设置非常简单的gulp文件。我正在使用sass和浏览器同步,并将所有内容移动到build文件夹。但由于未知原因,浏览器不同步。 我尝试了许多资源的解决方案,但到目前为止似乎没有任何效果。也许你们中的一些人会知道如何解决这个问题Gulp 吞咽浏览器同步不';行不通,gulp,browser-sync,Gulp,Browser Sync,我正在尝试设置非常简单的gulp文件。我正在使用sass和浏览器同步,并将所有内容移动到build文件夹。但由于未知原因,浏览器不同步。 我尝试了许多资源的解决方案,但到目前为止似乎没有任何效果。也许你们中的一些人会知道如何解决这个问题 var gulp = require('gulp'); var sass = require('gulp-sass'); var bs = require('browser-sync').create(); var reload = bs.reload; gu
var gulp = require('gulp');
var sass = require('gulp-sass');
var bs = require('browser-sync').create();
var reload = bs.reload;
gulp.task('styles', function() {
gulp.src('sass/**/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('build/css'))
.pipe(bs.reload({stream:true}));
});
gulp.task('serve', ['styles'], function() {
bs.init({
server: "./build"
});
gulp.watch('./sass/*.scss', ['styles']);
gulp.watch('build/css/*.css').on('change', reload);
gulp.watch("*.html").on('change', reload);
});
gulp.task('default', ['serve']);
我的文件夹结构是:
-建造
-css
-index.html
-无礼
-index.html
运行gulp后,命令提示显示:
非常感谢你的帮助 Browsersync的工作原理是,在初始请求期间,在
标记的后面插入一个异步脚本标记(…)
。为使其正常工作,必须有
标签
检查此项:浏览器同步通过在初始请求期间在
标记之后注入异步脚本标记(…)
来工作。为使其正常工作,必须有
标签
检查此项:是否尝试了.pipe(bs.stream());相反,如果您只是删除以下行会发生什么:gulp.watch('build/css/*.css')。on('change',reload)?您是否尝试过.pipe(bs.stream());相反,如果您只是删除以下行会发生什么:gulp.watch('build/css/*.css')。on('change',reload)?