Question

我使用Gulp建立了一个新项目。一切正常，浏览器同步除外。当我保存文件时，它不会重新加载浏览器

 var gulp = require('gulp');

//css plugins
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');

//html plugins
var pug = require('gulp-pug');

//Reload plugins
var browserSync = require('browser-sync').create();

function browser_sync(done){
    browserSync.init({
        server: {
            baseDir: './'
        }
    });
    gulp.watch('./src/sass/**', gulp.series('sass_processor'));
    gulp.watch('./src/pug/**', gulp.series('pug_processor'));
    gulp.watch('*.html', gulp.series('html_watcher'));

    done();
};

function sass_processor(done){
    return gulp.src('./src/sass/main.scss')
    .pipe(sass({
        outputStyle: 'compressed'
      }).on('error', sass.logError))
    .pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: true }))
    .pipe(gulp.dest('assets/css'))
    .pipe(browserSync.stream());

    done();
};

function pug_processor(done){
    return gulp.src('./src/pug/*.pug')
    .pipe(pug())
    .pipe(gulp.dest('./'))
    .pipe(browserSync.stream());

    done();
};

 function html_watcher(done) {
    return gulp.src('*.html')
    .pipe(browserSync.stream());

    done();
};

gulp.task("sass_processor", sass_processor);
gulp.task("pug_processor", pug_processor);
gulp.task("html_watcher", html_watcher);
gulp.task("browser_sync", browser_sync);

gulp.task("default", gulp.series(browser_sync));

这不会重新加载卡在“重新加载浏览器”中的浏览器...（缓冲的2个事件）

我不明白为什么我的浏览器无法重新加载，pug可以正常工作，但是我需要手动刷新以更新更改。

Browsersync不会在更改时重新加载

0 个答案: