使用 Sass 压缩输出,同时为 Wordpress 保留主题注释标题
Posted
技术标签:
【中文标题】使用 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 */
【讨论】:
以上是关于使用 Sass 压缩输出,同时为 Wordpress 保留主题注释标题的主要内容,如果未能解决你的问题,请参考以下文章