使用Sass压缩输出,同时为Wordpress留下主题评论标题

Question

其他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

Answer 1

超短版:/*! loud comments */在打包和分发之前使用和编译SCSS.

两部分答案,"旧部分"第一部分:

我在开发"Orin"主题时使用了Sass/SCSS:https://github.com/founddrama/orin

第一部分:

• 在我的src/scss目录中,我保留了所有_include.scss文件和style.scss包含所有@import语句的文件.
• 在开发过程中,我只是按常规运行sass --watch(虽然这是记住保存style.scss文件的额外步骤).
• 一旦你的SCSS源看起来不错,并承诺到版本控制,你可以简单地构建style.scss成style.css,并检查到版本控制为被分配的主题.

在我的情况下,"Orin"仅适合我,因此我在博客服务器上更新时执行构建,但SCSS编译可以在打包/分发之前轻松完成.我正在使用的构建脚本在这里(在那个Github repo中); 它的要点是:

1. touch创建style.css输出文件;
2. 申请许可文本;
3. 编译SCSS并将其附加到style.css.

第二部分:

更新版的Sass包括支持/*! loud comments */; 意思是我需要摆脱懒惰的屁股并更新到:

1. style.scss使用响亮的评论包括许可文本和主题描述;
2. 更新构建/部署脚本以简单地编译SCSS.