Połączyć wszystkie pliki sass w jednym pliku

Question

Czy jest jakaś opcja dostępna w gulp-sass do łączenia plików sass?

Na przykład:

main.scss:

$var: red; 

control.scss:

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

Połączone plik wyjścia powinien być pojedynczy plik SCSS jak poniżej

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

Answer 1

Czy próbowałeś czegoś takiego?

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

ten powinien produkować połączonej SCSS w ./dist/all.scss.

ja nie wiem, czy @import oświadczenia są obsługiwane poprawnie, ale te kwestie są zwykle obsługiwane przez ad-hoc moduły (np gulp-sass), które produkują wyjście .css ...

Answer 2

Ty Musimy wykonać jeden plik, który importuje wszystkie inne pliki scss, ale kiedy słuchasz zmian, musisz wysłuchać zmian wszystkich plików w katalogu scss.