gulp-sass 출력은 .ssss 파일이 아닙니다.

Question

gss를 사용하여 .ssss 파일을 CSS로 컴파일하려고합니다. gulpfile.js : 나는 비주얼 스튜디오 2017을 사용하고 있는데 내가 작업 탐색기에서 말대꾸 작업을 실행할 때, 내가 대상 폴더에 예상되는 파일의 출력을 얻을

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

은, 그러나, 그들은 .scss 파일이 아닌 있습니다 예상 된 .css 파일.

경로에 총 20 개 이상의 파일이 있습니다.이 파일은 4 개의 파일로 컴파일되지만, 내가 말한 것처럼 .scss는 CSS가 아닙니다.

아이디어가 있으십니까?

Answer 1

그래, 문제를 발견했습니다. SCSS 파일 중 하나가 경로를 잘못 입력 한 다른 파일 경로를 참조합니다!

수정 지금

Answer 2

첫 번째 파이프의 폐쇄에 문제가있어 작업, 당신은 gulp.dest의 파이프를 시작하기 전에 닫아야합니다.

이렇게하면 파일을 CSS로 컴파일하고 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/"));