2017-11-15 4 views
0

gssを使用していくつかの.scssファイルをCSSにコンパイルしようとしています。 gulpfile.js:私は、Visual Studio 2017を使用していると私は、タスクエクスプローラでSASSのタスクを実行したとき、私は先のフォルダに予想されるファイルの出力を得るgulp-sassの出力は.ssssファイルではなく、CSSファイル

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です。

アイデア?

+0

は、ファイルscss(コンテンツはコンパイルされていません)の内容ですか、それともファイルの拡張子ですか? –

+0

@animalitomaquinaはい、私は言っておくべきです、コンテンツはまた、一緒にマージされたscssファイルの内容です – Codesight

答えて

0

問題が見つかりました。 SCSSファイルの1つが別のファイルへのパスを参照していますが、私はパスのスペルを間違えています!

修正され、現在

0

あなたの最初のパイプの閉鎖に問題があります働いて、あなたは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/")); 
関連する問題