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

Posted 2023-03-07

【中文标题】使用 Sass 压缩输出，同时为 Wordpress 保留主题注释标题

【英文标题】：Using Sass compressed output while leaving theme comment header for Wordpress

【发布时间】：2011-06-21 01:30:04

【问题描述】：

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

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

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

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

【问题讨论】：

我倾向于使用相同的方法 - Wordpress 对主题声明很挑剔

【参考方案1】：

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

两部分答案，先“旧部分”：

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

第一部分：

在我的src/scss 目录中，我保留了所有_include.scss 文件和包含所有@import 语句的style.scss 文件。 在开发过程中，我只是运行通常的sass --watch（尽管要记住保存style.scss 文件是一个额外的步骤）。 一旦您的 SCSS 源代码看起来不错并致力于版本控制，您只需将 style.scss 构建到 style.css 中，然后将其签入到分发主题的版本控制中。

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

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

第二部分：

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

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

【讨论】：

@NathanArthur - 假设您说的是 Sass 中内置的压缩​​器，是的。/*! loud comment */ 的重点是压缩器保留它，但删除了所有其他 cmets.

【参考方案2】：

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

/*! A loud SASS comment */