Jump to content

Sass и Compass


Recommended Posts

В последних версиях добавили поддержку Sass и Compass, вот только это все работает если на сервере установлен и настроен Ruby и возможно даже чем то облегчает работу тем кто разбирается и знает sass и compass. Всем же остальным это я думаю сильно мешает.

 

Столкнулся с этим при верстке шаблона для престы. Дело в том что правя к примеру файл global.css можно столкнуться с тем что изменения могут не применяться к примеру. А в консоли можно увидеть что один и тот же класс находиться и в файле global.css и в файле global.scss, файл global.scss можно даже не пытаться редактировать, это не поможет. 

 

Нужно рядом с файлом global.css удалить файл global.css.map и тогда в консоли будет видно где именно в файле global.css стили повторяются и уже там отредактировать их. В общем геморой.

 

Кто ни будь пользуется вообще sass и compass при работе с престой? Поделитесь чем именно Вам это помогает, как Вы это делаете, при помощи чего. Может ли Ruby на сервере работать совместно с apache, nginx, php? Где то читал что Ruby это аналог и заменяет это все..может я не прав, может можно как серверный компонент просто установить..

Link to comment
Share on other sites

Разве global.scss вообще подключается?

Можно поставить Ruby и сменить порт, на котором он висит, чтобы не конфликтовал с nginx или вообще не запускать его сервер.

 

Или просто компилировать стили на своей машине без установки на сервере

Link to comment
Share on other sites

post-231092-0-72269300-1431523753_thumb.jpg

 

Вот когда смотришь через консоль браузера чтобы увидеть в каком классе прописан стиль, файлы показывает не css, а .scss, в файле global.css, к примеру, классы продублированы в начале и в конце, на те классы которые продублированы в конце настроен файл global.css.map который прописан в global.scss и соответственно браузер берет именно этот класс, а его дубликаты в начале игнорирует.

 

В общем это все затрудняет правку сайта. Причем если удалить файл global.scss, то он все равно в консоли будет высвечиваться.

Link to comment
Share on other sites

В консоли можно написать что угодно. Используется Source map.

 

Для отображения на клиентской стороне используется global.css в конце которого добавлена строчка

/*# sourceMappingURL=global.css.map */

Как только открывается консоль этот файл скачивается. В нем сопоставлены строки из global.css и global.scss. И консоль отображает именно содержимое global.scss.

То есть за отображение в браузере отвечает css, а в консоли - scss, причем они могут быть совершенно не связаны

Link to comment
Share on other sites

Если не работаете с sass просто отключите поддержку sourcemap  в хроме. Она там по умолчанию включена. Нажмите f12  и зайдите в настройки и снимите галочки напротив "Enable CSS source maps"

  • Like 1
Link to comment
Share on other sites

  • 5 months later...

Кто ни будь пользуется вообще sass и compass при работе с престой? Поделитесь чем именно Вам это помогает, как Вы это делаете, при помощи чего. Может ли Ruby на сервере работать совместно с apache, nginx, php? Где то читал что Ruby это аналог и заменяет это все..может я не прав, может можно как серверный компонент просто установить..

 

 

Такие детские вопросы от модератора, аж страшно. Смешали в кучу ЯП, серверные решения, метаязыки и их компиляторы :)

 

Sass удобен для тех кто постоянно занимается версткой/стилизацией. Ruby установленный на сервере, никому мешать не будет.

Link to comment
Share on other sites

  • 5 weeks later...

Кто ни будь пользуется вообще sass и compass при работе с престой? Поделитесь чем именно Вам это помогает, как Вы это делаете, при помощи чего. Может ли Ruby на сервере работать совместно с apache, nginx, php? Где то читал что Ruby это аналог и заменяет это все..может я не прав, может можно как серверный компонент просто установить..

 

Пользуются в основном те, кто темы штампует на потоке. Это не только в Престе. В Мадженто то же самое. Если делаешь индивидуальный сайт под заказ, да еще шаблоны переделываешь, всегда привязка стилей к тэгам будет плыть.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...