使用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编译可以在打包/分发之前轻松完成。我正在使用的构建脚本是here（在那个Github repo中）;它的要点是：

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

第二部分：

更新版本的Sass包括对/*! loud comments */的支持;这意味着我需要摆脱懒惰的屁股并更新到：

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

Answer 2

好吧，我建议你使用Compass。 评论应如下所示：

/*! A loud SASS comment */