22

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

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

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

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

4

2 回答 2

42

超短版：/*! 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。
于 2011-08-22T17:37:53.403 回答
2

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

/*! A loud SASS comment */
于 2013-04-23T07:54:19.630 回答