Как склеить несколько CSS из bower-компонентов в 1 CSS в правильном порядке с помощью Grunt?

Question

[bromzh]

Есть grunt для запуска различных задач, есть bower, который устанавливает фронтэнд-библиотеки. Хочется иметь возможность склеить несколько CSS-ок в 1 файл в правильной последовательности. Для js-файлов есть grunt-bower-concat, но он поддерживает склейку только js-файлов. Хотя некоторые пакеты экспортируют ещё и css-файлы (бутстрап, например, или некоторые jQuery-плагины). Некоторые пакеты вообще экспортируют только файлы css (normalize-css, например).

В принципе, в проекте используется Less, можно и вручную импортить предварительно скопированные CSS-файлы (через grunt-bower-task, или grunt-bowercopy, или grunt-bower) в главный less-файл. Но это утомительно. Так вот, есть ли рецепт, как автоматизировать склейку и CSS файлов из бовера?

Answer 1

[Павел Мышкин]

Из-за проблемы очередности склейки, лучше в главном LESS делать @import в нужном вам порядке.

Comments

[Константин Китманов]

+1. Склейщику-то откуда знать, какой порядок правильный? В любом случае надо где-то этот порядок прописать.

[bromzh]

Ну проблема очерёдности JS решается в grunt-bower-concat. Только он не поддерживает CSS.
Да, вручную и делаю, но это муторно порой бывает.