@qpz

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

Вопрос простой и частый, но ответа здесь найти не получилось.
Есть две соседние папки с директиориями, в которых лежат 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'
  );
});


Заранее спасибо за ваши советы.
  • Вопрос задан
  • 121 просмотр
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы