Gulp 大口4浏览器同步重新加载

Gulp 大口4浏览器同步重新加载,gulp,Gulp,我在使用browserSync时遇到问题,在尝试了几种不同的方法后,我无法获得重新加载do触发器。BrowserSync本身已启动并正在运行,但当我手动重新加载任何内容时,我必须打开一个新选项卡以查看任何更改。我不是很了解Gulp4,我看过的所有资料对我来说似乎使用了完全不同的方法。如果您有任何帮助,我们将不胜感激。请随时提问 var gulp=require('gulp'); var sass=需要('gulp-sass'); var concatcss=require('gulp-con

我在使用browserSync时遇到问题,在尝试了几种不同的方法后,我无法获得重新加载do触发器。BrowserSync本身已启动并正在运行,但当我手动重新加载任何内容时,我必须打开一个新选项卡以查看任何更改。我不是很了解Gulp4,我看过的所有资料对我来说似乎使用了完全不同的方法。如果您有任何帮助,我们将不胜感激。请随时提问

var gulp=require('gulp');
var sass=需要('gulp-sass');
var concatcss=require('gulp-concat');
var concatjs=require('gulp-concat');
var uglifycss=需要('gulp-uglifycss');
var reload=require('browser-sync')。reload();
var nunjucks=require('gulp-nunjucks-render');
var browserSync=require('browser-sync')。create();
sass.compiler=require('node-sass');
吞咽任务('sass',函数(){
返回gulp.src('./Edit/sass/*.scss')
.pipe(sass().on('error',sass.logError))
.pipe(gulp.dest('./编辑/css'));
});
gulp.task('concatcss',function(){
返回gulp.src('./Edit/css/*.css')
.pipe(concatcss('style.css'))
.pipe(吞咽目标('./编辑/css/concated/');
});
gulp.task('concatjs',function(){
返回gulp.src('./Edit/java script/*.js')
.pipe(concatjs('scripts.js'))
.pipe(gulp.dest('./Upload/js/');
});
吞咽任务('css',函数(){
返回gulp.src('./Edit/css/concated/*.css')
.管道(uglifycss)({
“maxLineLen”:80,
“丑陋的东西”:真的吗
}))
.管道(吞咽目的地('./上传/css');
});
gulp.task('browserSync',function(){
browserSync.init({
服务器:{
baseDir:“./Upload/”
}
});
});
gulp.task('run',gulp.parallel('browserSync',gulp.series('sass','concatcss','concatjs','css'));
吞咽任务('watch',function(){
大口手表('./编辑/sass/*.scss',大口系列('sass');
gulp.watch('./编辑/css/*.css',gulp.series('concatcss');
gulp.watch('./Edit/java script/*.js',gulp.series('concatjs');//可能会在所有gulp系列中添加额外任务以实现浏览器同步
gulp.watch('./编辑/css/concated/*.css',gulp.series('css');
});

gulp.task('default',gulp.parallel('watch','run'))对于其他有问题的人,这里是我的解决方案,只需将此.on('change',browserSync.relod)添加到所需手表的末尾即可

gulp.task('watch',function(){
大口手表('./编辑/sass/*.scss',大口系列('sass');
gulp.watch('./编辑/css/*.css',gulp.series('concatcss');
gulp.watch('./Edit/java script/*.js',gulp.series('concatjs');//可能会在所有gulp系列中添加额外任务以实现浏览器同步
gulp.watch('./编辑/css/concated/*.css',gulp.series('css');
gulp.watch('./Upload/css/*.css')。打开('change',browserSync.reload);
gulp.watch('./Upload/js/*.js')。on('change',browserSync.reload);
});