Änderungen in scss gemacht funktionieren nicht

Question

Wenn ich Schluck laufen erkennt es alle Änderungen in einer scss-Datei gemacht. Es wird sogar in einer style.min.css in einem css-Ordner, der sich im Build-Ordner befindet und die Seite auf meinem localhost aktualisiert wird.

Mein Problem ist, dass keine der Änderungen, die ich in den scss-Dateien mache tatsächlich tatsächlich auf der Website passieren. Wenn ich Änderungen in der style.css-Datei vornimmt und die Site manuell aktualisiere, wird sie mit den gleichen Änderungen aktualisiert.

gulp.task('sass', function() { 
    return gulp.src('./sass/style.scss') 
     .pipe(plumber(plumberErrorHandler)) 
     .pipe(sass()) 
     .pipe(autoprefixer({ 
     browsers: ['last 2 versions'] 
     })) 
     .pipe(cssnano()) 
     .pipe(rename('style.min.css')) 
     .pipe(gulp.dest('./build/css')); 
}); 

gulp.task('watch', ['browserSync', 'sass', 'scripts'], function(){ 
    gulp.watch('./sass/*.scss', ['sass']); 
    gulp.watch('./js/*.js', ['scripts']); 
}); 

Answer 1

Sie beobachten den Weg ./sass/*.scss, ich nehme an, Sie haben einen Unterordner innerhalb dieses ./sass/ Ordner.

Ihre Teildateien werden importiert, weil Sie die Änderung beim Bearbeiten des Stylesheets main style.scss sehen können.

Das Problem liegt in der Überwachungsaufgabe, die nur den Ordner mit dem Namen sass beobachtet, aber es muss auch den Unterordner und seine .scss Inhalt beobachten. ex:

gulp.task('watch', ['browserSync', 'sass', 'scripts'], function(){ 
    gulp.watch('./sass/*.scss', ['sass']); 
    gulp.watch('./sass/**/*.scss', ['sass']); 
    gulp.watch('./js/*.js', ['scripts']); 
}); 

die /**/ stellt sicher sind jeder Unterordner und ihre Inhalte auch beobachtet.