2013-04-14 8 views
0

Моя проблема: я хочу использовать некоторые функции компаса (в основном, создание спрайтов и css3 mixins), но я не хочу создавать для него проект компаса. Моя структура проекта должна быть немного сложнее, чем компас позволяет мне создавать. Поэтому я хотел бы остаться в своем проекте с sass, но импортировать и использовать в нем некоторые функции компаса. Является ли это возможным?Использование функций Compass (sass) без проекта compass

+0

Не могли бы вы рассказать больше о своей организации проекта и о том, какую среду вы используете? – igr

+0

Я бы хотел, чтобы частичные части были очень маленькими, что-то вроде описания блоков, поэтому их будет много. Было бы неплохо иметь папку для каждого блока с .scss, .js и изображениями внутри. В противном случае будет большой беспорядок с сотнями файлов. Но я не могу заставить компас использовать частичные файлы из подпапок. – Anton

+1

Компас не заботится о том, где вы набиваете свои частицы, он заботится только о том, где файлы Sass, необходимые для компиляции вживую. Изображения должны жить только в пределах настроенного каталога изображений, если вы используете на нем вспомогательные функции изображения. – cimmanon

ответ

1

Компас способен управлять всеми вашими вещами. Просто попробуй.

Вот пример, это структура проекта Compass я сейчас работаю над:

enter image description here

Прежде всего, вы должны иметь папку, как sass, где вы храните ваши нечастичных SASS-файлы, например. г. sass/style.sass или sass/screen.scss. Ваш config.rb должен указать на это.

Затем создайте подпапку под названием partials, где вы храните все необходимое.

В partials вложенной вы начинаете создавать структуру:

sass/ 
    partials/ 
    _global.sass 
    _modules.sass 
    style.sass 

Содержимое вашего style.sass должно быть так:

@import partials/global 
@import partials/modules 

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

sass/ 
    partials/ 
    global/ 
     _extendables.sass 
     _functions.sass 
     _mixins.sass 
     _variables.sass 
    _global.sass 
    _modules.sass 
    style.sass 

Содержание _global.sass:

@import global/extendables 
@import global/functions 
@import global/mixins 
@import global/variables 

Это делает вашу структуру проекта легко расширяемой.

Обратите внимание, что если вы используете синтаксис SCSS, в операторах импорта необходимы кавычки, e. г. @import "global/extendables";.

Если импорт не работает на вас, сообщите, пожалуйста, свою структуру проекта, точный код, который вы используете, и текст ошибки, который вы получаете.

+0

Теперь это работает. Вижу, папка с частицами должна быть названа partials? Может ли оно быть настроено на другое имя? Я ничего не нашел об этом в ссылке на конфигурацию. – Anton

+0

Имена папок могут быть любыми, что вы хотите. Именование папок после партиций - это очень удобный способ увеличить вашу кодовую базу. –

+0

@lomaus Ну, спасибо, может, я сделал что-то не так, но я не мог заставить его работать, пока не назвал папку «частичными». Теперь имя папки не имеет значения, похоже, какая-то моя ошибка. Не знаю, что было не так, но теперь любая структура папок работает хорошо, даже если все подпапки находятся внутри саасов. Благодарю. Надеюсь, я больше никогда не встречу такое странное поведение. – Anton

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