browser-sync (gulp) nicht Seite nach dem Ändern von sass

Question

Ich baue Anwendung mit Sass und Browser-Sync. Ich habe die Konfiguration mit jhipster generiert.

Wenn ich meine * .scss-Datei ändere, wird die Seite nicht automatisch aktualisiert. Hier ist ein Teil meiner gulpfile.js:

gulp.task('sass', function() { 
    return gulp.src(config.scss + '**/*.{scss,sass}') 
     .pipe(plumber({errorHandler: handleErrors})) 
     .pipe(changed(config.app + 'assets/styles', {extension: '.css'})) 
     .pipe(sass({includePaths:config.importPath}).on('error', sass.logError)) 
     .pipe(gulp.dest(config.app + 'assets/styles')); 
}); 

gulp.task('styles', ['sass'], function() { 
    return gulp.src(config.app + 'assest/styles') 
     .pipe(browserSync.reload({stream: true})); 
}); 

Datei von jhipster auch generiert wurde. Ich habe versucht, jede Lösung auf Stackoverflow gefunden, aber nichts hat funktioniert. Stimmt etwas nicht mit dem Code?

Wenn es notwendig ist, kann ich ganze Datei posten.

Answer 1

Versuchen:

gulp.task('sass', function() { 
return gulp.src(config.scss + '**/*.{scss,sass}') 
    .pipe(plumber({errorHandler: handleErrors})) 
    .pipe(changed(config.app + 'assets/styles', {extension: '.css'})) 
    .pipe(sass({includePaths:config.importPath}).on('error', sass.logError)) 
    .pipe(gulp.dest(config.app + 'assets/styles')); 
    .pipe(browserSync.reload({stream: true})); 
}); 

und Lauf Aufgabe sass

Answer 2

JHipster 2.27.2 release hat einige Probleme mit Sass und Browser-Sync behoben. Versuchen Sie JHipster zu aktualisieren und generieren Sie Ihr Projekt neu.