node.js - サブディレクトリを無視するgulp.dest()

Question

マイ フォルダ ツリー

public_html/
- css/
- - bootstrap.css
- - theme.css
- scss/
- - bootsrap/
- - - bootstrap.scss
- - theme/
- - - theme.scss

私のgulpfile：

var gulp = require('gulp');

//Plugins
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var sourcemaps = require('gulp-sourcemaps');

var scssPath = './public_html/scss/**/*.scss';
var cssPath = './public_html/css/';

//Compile Styles
gulp.task('CompileSASS', function () {
    gulp.src(scssPath)
        .pipe(sourcemaps.init())
        .pipe(sass())
        .pipe(autoprefixer())
        .pipe(sourcemaps.write())
        .pipe(gulp.dest(cssPath))
});

gulp.task('watchSASS', function () {
    gulp.watch(scssPath, ['CompileSASS']);
});

gulp.task('default', ['CompileSASS', 'watchSASS']);

---

何が起こるのですか

gulpfile のデフォルト メソッドを実行すると、生成された CSS ファイルが CSS フォルダーのサブフォルダーに保存されます。

/public_html/css/ブートストラップ/bootstrap.css

/public_html/css/テーマ/theme.css

---

必要なもの

それらを別々のフォルダーに保存したくありません。

次のように、生成されたすべての CSS ファイルを CSS ディレクトリに直接保存するにはどうすればよいですか。

/public_html/css/bootstrap.css

/public_html/css/theme.css