Grunt Compass компилирует sass и css

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

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

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


person rctneil    schedule 15.12.2014    source источник


Ответы (1)


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

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

to

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

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

/* Добавьте сюда обычные стили... */

@import '/my/temporary/directory/bower1';

@import '/my/temporary/directory/bower2';

@import '/my/temporary/directory/bower3';

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

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