2012-02-15 2 views
7

Я пытаюсь выяснить, может ли Compass объединить файлы .css, а не использовать сторонний инструмент для объединения файлов .css после того, как Compass скомпилировал файлы .scss. Я просмотрел сеть и здесь, но ничего до сих пор. Я думал, что у config.rb может быть опция для этого, но все, что я нашел, это функция сжатия.Может ли компас объединить файлы .css?

Кто-нибудь это попробовал или нашел третий инструмент, который хорошо работает с компасом?

+0

Вы просматриваете эту тему? http://stackoverflow.com/questions/5688291/how-to-merge-css-files-with-sass-or-other-tool –

+0

@ cram1010 Да, спасибо, я прочитал это перед публикацией ... Я надеялся объединить .css через Compass, но с отсутствием ответов или предложений я могу просто пойти с сторонним инструментом. –

+0

Да, я думаю, что нет никакого способа с компасом :( –

ответ

15

Я хотел бы сделать то же самое в течение некоторого времени. Я, наконец, остановился на следующем решении.

Возьмите следующую структуру (т.е. с модулями в подпапке sass)

  • проекта
    • SASS
      • модулей
        • header.scss
        • блог-posts.scss
        • footer.scss
        • что-то-else.scss
      • main.scss
    • таблицы стилей

Update main.scss содержит:

@import 'modules/header.scss'; 
@import 'modules/blog-posts.scss'; 
@import 'modules/footer.scss'; 
@import 'modules/something-else.scss'; 

Выполните следующую команду (из папки project) для того, чтобы построить

compass compile . sass/main.scss -s compressed 

Это просто компилирует main.scss, который INTURN идет и импортирует каждый из ваших модулей. Кроме того, опция стиля compressed минимизирует выход.

+0

Отличный ответ, Я буду использовать это ... спасибо beardo! –

+0

omg так просто. Я так тупой иногда ... – ZeeCoder

1

Это не компрессия, но вы можете исключить файлы из копии в выходной каталог путем добавления подчеркивания к их именам. Например:

scss/ 
    _core.scss // will not be copied 
    theme.scss // @import 'core'; 
css/ 

compass compile 
    create ../css/theme.css 

css/ 
    theme.css