Question

我正在将Gulp与BrowserSync，SASS等一起使用...

但是我有一个小问题。当我启动gulp时，它可以正常工作，通过browsersync重新加载页面等。但是，如果我几分钟不重新加载页面，当我再次更改代码中的内容时，它不会刷新，我有退出gulp命令并再次输入：/

这是我的代码：（gulpfile.js）

const gulp = require('gulp');
const sass = require('gulp-sass');
const autoprefixer = require('autoprefixer');
const postcss = require('gulp-postcss');
const plumber = require('gulp-plumber');
const sourcemaps = require('gulp-sourcemaps');
const bs = require('browser-sync').create();
const uglifycss = require('gulp-uglifycss');
const gcmq = require('gulp-group-css-media-queries');

// BrowerSync
gulp.task('browser-sync', function() {
    bs.init({
        proxy: 'dev.idsein.com', // URL of the local website
        ghostMode: false,
        open: false,
        notify: false
    });
});

// SASS
gulp.task('sass', function () {
    var plugins = [
        autoprefixer({
            browsers: ['last 4 versions'],
            cascade: false,
            grid: true
        })
    ];
   return gulp
       .src('./src/sass/master.scss')
       .pipe(sourcemaps.init())
       .pipe(plumber())
       .pipe(postcss(plugins))
       .pipe(sass().on('error', sass.logError))
       .pipe(sass({outputStyle: 'compressed'}))
       .pipe(sourcemaps.write('.'))
       .pipe(gulp.dest('./css'))
       .pipe(bs.reload({stream: true}))
});

// Gulp command to start everything
gulp.task('default', ['browser-sync'], function () {
   gulp.watch('./src/sass/**/*.scss', ['sass'])
   gulp.watch('./*.php').on('change', bs.reload)
   gulp.watch('./*.js').on('change', bs.reload)
});

感谢您的帮助

Gulp浏览器同步错误

0 个答案: