gulp - gulp-sass從許多目錄編譯

Question

我試圖從兩個不同的目錄complile並將輸出的文件放在同一個地方。

文件結構：

- 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.task('kit', function(){ 
    gulp.src(['**/scss/*.scss']) 
    .pipe(sass()) 
    .pipe(gulp.dest('dist/assets/css')) 
}); 

---

我期待所有的編譯文件是在css目錄......但事實並非如此。

預計：

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

實際輸出：

- 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 

我如何能達到預期的輸出任何援助？

Answer 1

我相信gulp-flatten是你在找什麼。

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

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