Как сгенерировать 2 SASS-файла в Gulp?

Question

[rinatoptimus]

Есть несколько САСС файлов (условно style.scss и fonts.scss). Как заставить первый генериться в style.css, а последний в fonts.css?
Пробовал так:

gulp.task('sass', function () {
  return gulp.src('app/sass/style.scss', 'app/sass/fonts.scss')
      .pipe(sass())
      .pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {cascade: true}))
      .pipe(gulp.dest('app/css'))
});

И так:

gulp.task('sass', function () {
  return gulp.src(['app/sass/style.scss', 'app/sass/fonts.scss'], { base: '.' })
      .pipe(sass())
      .pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {cascade: true}))
      .pipe(gulp.dest('.'))
});

Answer 1

[Дима Гашко]

Нет смыслка обрабатывать несколько файлов. Достаточно написать:

return gulp.src('app/scss/main.scss')
	.pipe(sass())
...

а в main.scss подключить все остальные файлы через import

Answer 2

[zooks]

app/sass/*.scss

Comments

[rinatoptimus]

Не понял. Он же будет брать все сасс файлы.

[Сергей delphinpro]

rinatoptimus: вот именно! А вы в этой папке больше не держите файлов. А подключаемые части через импорты кладите в подпапки.

[Андрей Б.]

rinatoptimus Все верно, а ваша запись будет брать только указанные файлы. Если другие не нужны на выходе переименуйте их с нижним подчеркиванием в начале и импортом подключайте в основной.