2016-04-22 59 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');}