Для автоматизации сборки фронтенда использую Gulp.JS.
Для верстки использую SSS:
- Swig (для выноса layout в отдельный документ),
- Stylus (CSS-препроцессор),
- Spritesmith (собираю иконки из папки icons в один файл icons.png).
Теперь я хочу объединить используемые на странице стили в один файл.
Сейчас у меня собранный документ выглядит так:
<!-- index.html -->
<link rel="stylesheet" type="text/css" href="css/layout.css">
<link rel="stylesheet" type="text/css" href="css/icons.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
А я хочу сделать так:
<!-- index.html -->
<link rel="stylesheet" type="text/css" href="css/index.css">
То есть, объединить все три файла в один.
Посоветуйте пакет для Gulp.JS, который поможет сократить количество запросов к стилям.
Для каждой страницы индивидуальный набор файлов со стилями. Для каждого документа я хочу получить отдельный css файл.