tarayıcı-sync (gulp) sass değiştirdikten sonra sayfayı yenilemez syl

Question

Sass ve tarayıcı-sync kullanarak uygulama yapıyorum. Jhipster kullanarak yapılandırma oluşturdum.

* .scss dosyasını değiştirdiğimde, sayfa otomatik olarak yenilenmiyor. İşte benim gulpfile.js parçası:

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})); 
}); 

Dosya ayrıca jhipster tarafından oluşturulmuştur. Stackoverflow'ta bulunan her çözümü denedim ama hiçbir şey işe yaramadı. Kodla ilgili bir sorun mu var?

Gerekirse tüm dosyayı gönderebilirim.

Answer 1

Dene:

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})); 
}); 

ve çalıştırma görevi sass

Answer 2

JHipster 2.27.2 release sass ve tarayıcı senkronizasyonu ile bazı sorunlar belirlemiştir. JHipster'ı güncellemeyi ve projenizi yeniden oluşturmayı deneyin.