Gulp-sass - ファイルのパスを削除する

Question

私はgss-sassを使用してscssをcssにコンパイルしています。現時点ではこれは私が私の一口ファイルに設定しているコードです：

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

それだけDESTの./build/でindex.cssファイルを作成するのではなく、CSSファイルにコンパイル時に私が持っている唯一の問題はありますcssは、ファイルの元のツリーを反映するフォルダツリー全体を追加します。たとえば、私のファイルの一つがapp\src\scripts\components\app\new-ticket\cssにある場合、ビルドフォルダには\ src \ scripts \ components \ app \ new-ticket \ cssと同じフォルダがあります。

gulp-sassのパスを削除する方法はありますか。ビルド/ css/index.cssを残しておきますが、.scssファイルの場所は同じパス構造にしておきます。

Answer 1

pipeを使用してconcatを追加します。この関数は、1つの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')) 
});