Как написать правильно таск: sass + sourcemaps + множество подпапок?

Question

[Думай Головой]

Всем привет!
Таск сейчас выглядит так:

gulp.task('sass', function () {
  // bootstrap compilation
	gulp.src('./sass/bootstrap.scss')
  .pipe(sourcemaps.init())
  .pipe(sass())
  .pipe(sourcemaps.write('.', {includeContent: true, sourceRoot: '/sass'}))
  .pipe(gulp.dest('./assets/global/plugins/bootstrap/css/'))

  // global theme stylesheet compilation
	gulp.src('./sass/global/*.scss')
  .pipe(sourcemaps.init())
  .pipe(sass())
  .pipe(sourcemaps.write('.', {includeContent: true, sourceRoot: '/sass/global'}))
  .pipe(gulp.dest('./assets/global/css'))

  gulp.src('./sass/apps/*.scss')
  .pipe(sourcemaps.init())
  .pipe(sass())
  .pipe(sourcemaps.write('.', {includeContent: true, sourceRoot: '/sass/apps'}))
  .pipe(gulp.dest('./assets/apps/css'))

  gulp.src('./sass/pages/*.scss')
  .pipe(sourcemaps.init())
  .pipe(sass())
  .pipe(sourcemaps.write('.', {includeContent: true, sourceRoot: '/sass/pages'}))
  .pipe(gulp.dest('./assets/pages/css'))

  // theme layouts compilation
  gulp.src('./sass/layouts/layout4/*.scss')
  .pipe(sourcemaps.init())
  .pipe(sass())
  .pipe(sourcemaps.write('.', {includeContent: true, sourceRoot: '/sass/layouts/layout4'}))
  .pipe(gulp.dest('./assets/layouts/layout4/css'))

  gulp.src('./sass/layouts/layout4/themes/*.scss')
  .pipe(sourcemaps.init())
  .pipe(sass())
  .pipe(sourcemaps.write('.', {includeContent: true, sourceRoot: '/sass/layouts/layout4/themes'}))
  .pipe(gulp.dest('./assets/layouts/layout4/css/themes'))
});

Но что-то мне подсказывает, можно упростить этот код в несколько раз.
Как вы видите, есть много подпапок sass и соответсвующие им dest папки. Также для корректной работы sourcemaps нужно дополнительно указывать пути для каждой исходной sass папки. И это всё усложняет.

Но всё-таки, как бы вы сделали?
Спасибо.

Comments

[copal]

начало Вам подсказали, а вот с заключением может быть два варианта, либо Вы в исходниках все кладете в sass, который при компиляции переименовываете в css, либо попробуйте (я не уверен что сработает)

gulp.src('./sass/**/*.scss')
...
.pipe(gulp.dest('./assets/**/css'))

[Думай Головой]

Александр А и в путях для sourcemaps? O_o

[Думай Головой]

copal не работает

[copal]

Думай Головой: тогда первое либо.

[Думай Головой]

в один sass запихнуть всё не получится, там админка (metronic) с разветвлённой структурой и кучей разных файлов. выходит мой таск оставить как есть?

[copal]

Думай Головой: можно даже sass не указывать..
gulp.src('./sass/**/*.scss')
... здесь заменяете название, например

./sass/layouts/layout4/file.scss

на

./sass/layouts/layout4/css/file.scss

.pipe(gulp.dest('./assets/'))

[copal]

Думай Головой: изменить имя, это gulp-rename и работа гарантированна, я лично так делал.

Answer 1

[Дима]

массив из названий папок и в for перебрать, понятно или подробнее?