2014-12-15 3 views
1

Я установил Grunt для запуска Compass, который работает хорошо, но мне нужны стили из моих компонентов Bower, которые нужно добавить к этому.Grunt Compass компиляция sass и css

Что я сделал, используется плагин grunt contrib copy, чтобы скопировать любые .css-файлы из моих компонентов Bower и поместить их во временную папку где-нибудь. Теперь мне нужна задача Compass для компиляции моего sass и добавления css из файлов во временном каталоге в конечный результат.

Любые идеи о том, как это можно сделать?

ответ

0

Одним из способов достижения этого было бы изменение таблиц стилей компонентов Bower в части SASS. Как с, позволяет сказать,

"bower1.css" - "bower2.css" - "bower3.css"

в

"_bower1.scss" - "_bower2.scss" - "_bower3.scss"

, а затем просто добавить эти обертоны в ваш файл SASS путем добавления импорта:

/* Добавить регулярные стили здесь ... */

@import '/ мой/временный/каталог/bower1';

@import '/ мой/временный/справочник/bower2';

@import '/ мой/временный/справочник/bower3';

Затем просто скомпилируйте ваш файл SASS. Теперь все должно быть прямо в вашем скомпилированном файле CSS.

+0

Это не так, но это похоже на использование Bower для начала, если я изменяю файлы, которые он сбрасывает. – rctneil

+0

Да, я могу понять вашу мысль. С другой стороны, вы должны учитывать, что .scss и .css - это два очень разных типа файлов - по крайней мере, для понимания Grunt они, вероятно, есть. Я не уверен, может ли Grunt объединить два файла разных типов. Это тоже не имело бы большого значения. Я предполагаю, что так или иначе вам придется найти общий тип файла, чтобы объединить содержимое обоих. – VoodooDS

Смежные вопросы