wordpress - 使用 Sass 压缩输出，同时为 WordPress 保留主题注释标题

Question

其他 WordPress 主题开发人员如何将 Sass 融入到他们的主题开发中，同时利用其压缩输出风格？ Sass 压缩会删除所有注释，因此我目前有一个空的 style.css 和我的主题声明，以及一个 @import 从 compass 调用缩小的 css，但这似乎不是最好的解决方案。

有人找到解决这个问题的方法了吗？如果没有，最好的解决方案是什么？

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

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

Answer 1

超短版本:使用/*!大声评论*/并在打包和分发之前编译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 中，然后将其 checkin 版本控制即可分发的主题。

就我而言，“Orin”只适合我，所以我在博客服务器上更新它时执行构建，但 SCSS 编译可以在打包/分发之前轻松完成。我正在使用的构建脚本是 here (在 Github 存储库中)；其要点是:

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

第二部分:

Sass 的最新版本包括对 /* 的支持!大声评论*/;这意味着我需要摆脱我的懒惰并更新为:

1. 使用响亮的注释将许可证文本和主题描述包含在 style.scss 中；
2. 更新构建/部署脚本以简单编译 SCSS。