Как собрать все styl-файлы в 1 css?

Question

[Дима]

Вопрос простой и частый, но ответа здесь найти не получилось.
Есть две соседние папки с директиориями, в которых лежат styl-файлы. Раньше я прописывал в этот файл каждый новый styl, потом подумал и просто забросил вообще все styl-файлы, которые будут созданы в директориях:

@import 'blocks/*'
@import 'helpers/*'

Все вроде работает, однако, при внесении изменений в файлы, страница не перезагружается. Вероятно что-то надо допилить в gulpfile, но мне хотелось бы просто собирать все эти styl-файлы в один чистовой css-файл.
Есть какое-то решение с gulp-filter, но я не хочу иметь множество css-файлов или писать таск на их последующее удаление :)

На всякий случай скину текущий таск на отслеживание изменений

gulp.task('serve', ['styl'], function() {
  server.init({
    server: 'src',
    notify: true,
    open: true,
    cors: true,
    ui: false
  });
  gulp.watch('src/blocks/**/*.styl', ['styl']);
  gulp.watch('src/blocks/**/*.pug', ['pug']);
  gulp.watch('src/*.html').on('change', server.reload);
  gulp.watch('src/css/main.css').on('change', server.reload);
  run(
    'pretty'
  );
});

Заранее спасибо за ваши советы.

Answer 1

[Максим]

https://ru.stackoverflow.com/a/649283/33274

Comments

[Дима]

С styl-файлами это не работает