Как сконфигурировать сборку CSS-файлов с помощью Gulp без файлов импорта внутри?

Question

[sftp]

Тостер, привет!

Столкнулся с проблемой. Есть структура проекта, в которой все файлы лежат в папке styles, но внутри есть ещё отдельные подапки по разделам сайта: admin, blog, pages и т.п.

В корне каждой такой папке находятся по файлу main.css, через который импортируются через @import файлы в папке/подпапках и т.п.

Хочется, чтобы Gulp собирал и клал в нужные директории только файлы main, но не трогал то, что импортируется.

Конфиг такой:

// Компиляция стилей
  gulp.task('styles', function () {
    return gulp.src('styles/**/*.sss', 'styles/admin/layout-admin.sss', 'styles/blog/layout-blog.sss')
      .pipe(plumber({errorHandler: errorHandler}))
      .pipe(postcss(processors, { parser: sugarss }))
      .pipe(rucksack())
      .pipe(rename(function (path) {
        suffix: "-min",
        path.extname = ".css";
        return path;
      }))
      .pipe(gulp.dest(paths.build.styles));
  });

Но он собирает полную структуру в папке build. И ведь хочется настроить всё так, чтобы при создании новой папки(=раздела) не было необходимости править конфиг, а вотчер и обработчик сам всё это цеплял и собирал.

Подскажите, пожалуйста, кто с таким сталкивался и как победили? Ну или куда хотя бы копать? Где искать?

Answer 1

[Александр]

Вот посмотрите, может поможет. https://jsfiddle.net/g9abxz3o/