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

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

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

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

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

Ответы

Ответ 1

SUPER SHORT VERSION: Используйте /*! loud comments */ и скомпилируйте SCSS непосредственно перед упаковкой и распространением.

Ответ на две части: сначала "старая часть":

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

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

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

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

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

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

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

  • Включите текст лицензии и описание темы прямо в style.scss с помощью громких комментариев;
  • обновить build/deploy script, чтобы просто скомпилировать SCSS.

Ответ 2

Хорошо, я предлагаю вам использовать Compass. Комментарий должен выглядеть следующим образом:

/*! A loud SASS comment */