Gulp-sass - 刪除文件的路徑

Question

我正在使用gulp-sass將scss編譯爲css並設法使其工作。目前，這是代碼我已經安裝在我的一飲而盡文件：

gulp.task('sass', function() { 
    gulp.src('./popup/**/*.scss') 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(gulp.dest('./build/css')) 
}); 

我唯一的問題是，當它編譯成css文件，而不是僅僅建立在DEST ./build/一個index.css文件css它追加了一個完整的文件夾樹，它鏡像文件來自的樹。因此，例如，如果我的一個文件存在於app\src\scripts\components\app\new-ticket\css中，那麼build文件夾中的文件將與上一個文件夾中的文件具有相同的樹：\ src \ scripts \ components \ app \ new-ticket \ css。

是否有一種設置或一種方式，我可以刪除gulp-sass中的路徑，所以我只剩下build/css/index.css，但保持.scss文件所在的路徑結構相同？

Answer 1

使用另一個pipe添加concat。該函數採用目標文件名來生成一個css（或）js文件。
下面是代碼：

gulp.task('sass', function() { 
    gulp.src('./popup/**/*.scss') 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(concat('index.css')) 
    .pipe(gulp.dest('./build/css')) 
});