Ausgabe von gulp-sass ist .scss Dateien nicht CSS-Dateien

Question

Ich versuche, einige .scss-Dateien in css mit Schluck zu kompilieren. gulpfile.js:

var gulp = require("gulp"); 
var sass = require("gulp-sass"); 

gulp.task("sass", 
function() { 
    return gulp.src("app/assets/sass/*.scss") 
    .pipe(sass({ 
       includePaths: [ 
        "govuk_modules/govuk_frontend_toolkit/stylesheets/", 
        "govuk_modules/govuk_template/assets/stylesheet/", 
        "govuk_modules/govuk-elements-sass/" 
     ] 
     }).pipe(gulp.dest("./wwwroot/stylesheets/"))); 
}); 

ich Visual Studio 2017 bin mit und wenn ich die sass Aufgabe in Task Explorer ausführen, bekomme ich die erwartete Ausgabe-Dateien in den Zielordner, jedoch sind sie .scss Dateien und nicht die erwartete .css-Dateien.

Es gibt mehr als 20 Dateien in den Pfaden, und diese werden in 4 Dateien kompiliert, aber wie ich schon sagte, sind .scss nicht CSS.

Irgendwelche Ideen?

Answer 1

OK, also habe ich das Problem gefunden. Eine der SCSS-Dateien verweist auf einen Pfad zu einer anderen Datei, in die ich den Pfad falsch geschrieben habe!

korrigiert und jetzt

Answer 2

Es gibt ein Problem mit dem Schließen des ersten Rohres arbeiten, sollten Sie es vor dem Start des Rohres für gulp.dest schließen.

Dadurch sollten die Dateien zu css und nicht zu scss kompiliert werden.

.pipe(sass({ 
    includePaths: [ 
     "govuk_modules/govuk_frontend_toolkit/stylesheets/", 
     "govuk_modules/govuk_template/assets/stylesheet/", 
     "govuk_modules/govuk-elements-sass/" 
    ] 
})).pipe(gulp.dest("./wwwroot/stylesheets/"));