2016-04-22 56 views
0

我使用BrowserSync 2.12.3运行Gulp 3.9.1。 一切工作正常,但过了一段时间BrowserSync停止工作,我需要重新启动它。 这里是gulpfileGulp BrowserSync崩溃

var gulp = require('gulp'); 

var sass = require('gulp-sass'); 
var browserSync = require('browser-sync').create(); 

gulp.task('sass', function(){ 
    return gulp.src('app/scss/style.scss') 
    .pipe(sass()) 
    .pipe(gulp.dest('app/css')) 
    .pipe(browserSync.reload({ 
     stream: true 
    })); 
}); 

gulp.task('watch', ['browserSync', 'sass'], function(){ 
    gulp.watch('app/scss/**/*.scss', ['sass']); 
    // Reloads the browser whenever HTML or JS files change 
    gulp.watch('app/*.html', browserSync.reload()); 
    gulp.watch('app/js/**/*.js', browserSync.reload()); 
}); 

gulp.task('browserSync', function(){ 
    browserSync.init({ 
     server: { 
      baseDir: 'app' 
     } 
    }); 
}); 

谢谢。

+0

你确定这不是你的观察家认为拦着,由于一些错误(如Sass无法编译等)? – JSess

回答

1

可能是你的sass文件有错误。 尝试添加此行以跳过错误。这条线

.pipe(sass()) 

请更换此行

.pipe(sass().on('error', showError)) 

并添加此处理函数:

function showError(error) { 
console.log(error.toString()); 
this.emit('end');}