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