Использование сжатого вывода Sass при оставлении заголовка комментария к теме для Wordpress - PullRequest
Новая
       6

Использование сжатого вывода Sass при оставлении заголовка комментария к теме для Wordpress

19 голосов
/ 04 февраля 2011

Как другие разработчики тем Wordpress включают Sass в разработку своих тем, используя при этом свой сжатый стиль вывода?Сжатый Sass удаляет ВСЕ комментарии, поэтому в настоящее время у меня есть пустой style.css с объявлением моей темы и @import, вызывающий минимизированный css из компаса, но это вряд ли кажется лучшим решением.

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

http://codex.wordpress.org/Theme_Development#Theme_Stylesheet

http://sass -lang.com / docs / yardoc / file.SASS_REFERENCE.html # id40

Ответы [ 2 ]

36 голосов
/ 22 августа 2011

СУПЕР короткая версия: Используйте /*! loud comments */ и скомпилируйте SCSS непосредственно перед упаковкой и распространением.

Ответ из двух частей, сначала "старая часть":

Iиспользовал Sass / SCSS при разработке моей темы "Orin": https://github.com/founddrama/orin

Часть первая:

  • В моем каталоге src/scss я храню всемои _include.scss файлы и style.scss файл, содержащий все операторы @import.
  • Во время разработки я просто запускаю обычный sass --watch (хотя это дополнительный шаг, который нужно запомнить, чтобы сохранить style.scss file).
  • Когда ваш источник SCSS выглядит хорошо и настроен на управление версиями, вы можете просто встроить style.scss в style.css и проверить это в управлении версиями для распространяемой темы.

В моем случае «Orin» как раз для меня, поэтому я выполняю сборку, когда обновляю ее на сервере блогов, но компиляцию SCSS можно так же легко выполнить до упаковки / распространения.Используемый мной сценарий сборки здесь (в этом репозитории Github);суть этого:

  1. touch для создания выходного файла style.css;
  2. применение текста лицензии;
  3. компиляция SCSS и добавление егоstyle.css.

Часть вторая:

Более поздние версии Sass включают поддержку /*! loud comments */;это означает, что мне нужно снять свою ленивую задницу и обновить до:

  1. Включить текст лицензии и описание темы прямо в style.scss, используя громкие комментарии;
  2. обновить сборкуСкрипт / deploy для простой компиляции SCSS.
1 голос
/ 23 апреля 2013

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

/*! A loud SASS comment */
...