sass - すべてのsassファイルを1つのファイルに結合

Question

sass ファイルを結合するために gulp-sass で利用できるオプションはありますか?

例えば：

main.scss:

$var: red;

コントロール.scss:

@import 'main';
.a{
  color: $var;
}

結合された出力ファイルは、以下のような単一の scss ファイルである必要があります

$var: red;
.a{
  color: $var;
}

Answer 1

このようなことを試しましたか？

gulp = require('gulp');
concat = require('gulp-concat');

// the default task
gulp.task('default', function() {
    return gulp.src('./*.scss')
       .pipe(concat('all.scss'))
       .pipe(gulp.dest('./dist/'));
});

これにより、単一の結合された scss が に生成され./dist/all.scssます。

@importステートメントが正しく処理されるかどうかはわかりませんが、これらの問題は通常、出力を生成するアドホックモジュール (たとえば、gulp-sass.css ) によって処理されます...