Как компилировать разные файлы sass в gulp?

Question

[cracker-test]

Использую на проекте gulp для сборки sass. У меня есть две папки в которых лежат файлы и мне нужно в итоге чтобы они собрались в два разных файла. Для таких целей писать отдельную функцию или можно как-то исправить существующую?

function styles() {
  return src("scss/style.scss")
    .pipe(eval(preprocessor)())
    .pipe(concat("style.css"))
    .pipe(
      autoprefixer({ overrideBrowserslist: ["last 10 versions"], grid: true })
    )
    .pipe(
      cleancss({
        level: { 1: { specialComments: 0 } } /* , format: 'beautify' */,
      })
    )
    .pipe(dest("./"))
    .pipe(browserSync.stream());
}

Comments

[Ankhena]

return src("scss/*.scss")
Возьмет все файлы .scss лежащие непосредственно в папке scss
Дальше сами.

[Ivan Gavrilich]

Пример от mariakhan не работает, ибо во-первых, у него возвращается только ОДНО значение, во-вторых, даже если это бы работало, в данном таске было бы много лишнего кода.

Читаем документацию и радуемся жизни: в качестве глоба можно передать не только строку, но и массив.

function styles() {
  return src(["scss/style.scss", "path/to/directory"])
    .pipe(eval(preprocessor)())
    .pipe(concat("style.css"))
    .pipe(
      autoprefixer({ overrideBrowserslist: ["last 10 versions"], grid: true })
    )
    .pipe(
      cleancss({
        level: { 1: { specialComments: 0 } } /* , format: 'beautify' */,
      })
    )
    .pipe(dest("./"))
    .pipe(browserSync.stream());
}

Answer 1

[mariakhan]

gulp.task('sass', function() {
gulp.src('./ui-toolkit/ui-toolkit.scss')
.pipe(sass())
.pipe(gulp.dest('./ui-toolkit'))<;
return gulp.src('./app/app.scss')
.pipe(sass())
.pipe(gulp.dest('./app'))
.pipe(livereload());
});