2014-09-28 3 views
16

Точно как говорится в заголовке. Время компиляции более 50 секунд недопустимо. Итак, есть ли способ, скажем: один (частичный) файл с магией компаса (например, sprite mixins и т. Д.), А остальные файлы с чистым sass?Использование libsass с компасом

Я рассматриваю возможность перехода к меньшему (ссылку на импорт) и замену всех трюков компаса дополнительными задачами для ворчания, но мне гораздо комфортнее, чем меньше.

Я видел thosetickets, но я надеялся, что будет способ скомпилировать один файл с компасом, а остальные должны быть объединены с libsass (я иногда использую Sass 3.3 синтаксис, но если я могу получить лучше компилировать раз я может вернуться к 3.2).

Неужели кто-нибудь преуспеет в такой конфигурации?

+0

Есть причина, почему вы не согласны с мой ответ? – stffndtz

ответ

34

В нашем случае (> 100,000 LoCSS), мы успешно перешли от ворчания-вно-компас комбинации

grunt-sass

, который использует libsass вместо версии рубина, и получить все магия от компаса, мы включили

compass-mixins

и он работал нормально. Вам обязательно нужно попробовать, мы сократили время составления с более чем 40 секунд до 500-600 мс.


UPDATE 2

Вот модуль узла, который автоматически импортирует LIB упомянутый выше в своей хрюкать среду:

https://github.com/haithembelhaj/compass-importer

UPDATE

Создание порта в libsass является четким y у создателей ума: https://github.com/Compass/compass/issues/1916

+0

Да, это направление, в котором я направляюсь. Хотя такие вещи, как создание спрайтов, [заменяются другими инструментами] (https://github.com/guardian/frontend/tree/master/tools/sprites) – Misiur

+1

Абсолютно взорвался, когда это сработало для меня, буквально никаких изменений кроме удаления компаса и получения 5 секунд назад с точки зрения времени компиляции. – cnp

+11

Upvote для бедной души, которая должна поддерживать 100k строк с 40 секундами компиляции. – Sam152

1

Это ответ для sass-файлов (а не scss). Всегда дифференцировать их

  1. Запуск в оболочке bower install compass-sass-mixins
  2. Редактировать файл дерзость @import "bower_components/compass-sass-mixins/lib/compass"

или

  1. Run в оболочке npm i compass-sass-mixins
  2. Корректировать дерзость файл @import "node_modules/compass-sass-mixins/lib/compass"

Список функций: https://github.com/askucher/compass-sass-mixins

+2

Не имеет значения, какое расширение файла вы используете, оно работает для обоих. – stffndtz

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