gulp - gulp-sass kompilieren aus vielen Verzeichnissen

Question

Ich versuche, aus zwei verschiedenen Verzeichnissen zu kompilieren und die ausgegebenen Dateien an der gleichen Stelle zu platzieren.

Dateistruktur:

- kit 
`- scss 
`- kit.scss 
|- kit-flex.scss 
|- kit-grid.scss 
`- kit-reboot.scss 

- default 
`- scss 
    `- bootstrap.scss 
    |- bootstrap-flex.scss 
    |- bootstrap-grid.scss 
    `- bootstrap-reboot.scss 

Gulp Aufgabe:

gulp.task('kit', function(){ 
    gulp.src(['**/scss/*.scss']) 
    .pipe(sass()) 
    .pipe(gulp.dest('dist/assets/css')) 
}); 

---

ich all die kompilierten Dateien erwartet im css Verzeichnis zu sein ... aber sie sind es nicht.

Erwartet:

- dist 
`- css 
    `- bootstrap-flex.css 
    |- bootstrap-grid.css 
    |- bootstrap-reboot.css 
    |- bootstrap.css 
    |- kit-flex.css 
    |- kit-grid.css 
    |- kit-reboot.css 
    `- kit.css 

tatsächliche Ausgang:

- dist 
`- css 
    `- default 
    `- scss 
    `- bootstrap-flex.css 
    |- bootstrap-grid.css 
    |- bootstrap-reboot.css 
    |- bootstrap.css 

    `- kit 
    `- scss 
    `- kit-flex.css 
    |- kit-grid.css 
    |- kit-reboot.css 
    |- kit.css 

Jede Hilfe, wie ich die erwartete Ausgabe erreichen könnten?

Answer 1

Ich glaube, gulp-flatten ist was du suchst.

var flatten = require('gulp-flatten'); 

gulp.task('kit', function(){ 
    gulp.src(['**/scss/*.scss']) 
    .pipe(sass()) 
    .pipe(flatten()) 
    .pipe(gulp.dest('dist/assets/css')) 
});