SASS 和 Jekyll 集成答案

【问题标题】：SASS and Jekyll integrationSASS 和 Jekyll 集成
【发布时间】：2014-05-13 17:23:14
【问题描述】：

我只是想知道是否有办法将 SASS 集成到 Jekyll 中。我只需要在启动 Jekyll 时将 .scss 自动编译为 .css。

【问题讨论】：

【解决方案1】：

我认为在您启动时编译资产没有任何问题（我认为这是运行）jekyll。运行jekyll 的全部意义在于预编译您的网站，这对性能良好。

至于资产转换——有很多插件都专注于此。我喜欢Jekyll Asset Pipeline gem，它支持任何语言（例如，Scss、Less、CoffeeScript、Erb 等），并具有使其与众不同的一系列功能（例如，资产标记、压缩、gzipping 等）。它似乎也是近来增长最快的 Jekyll 相关宝石，我认为这意味着它在社区中越来越受欢迎。

【讨论】：

jekyll-asset-pipeline 似乎已经死了。五个月内没有在公共 git 存储库上进行任何开发，尽管 0.1.6 已发布而没有被推送到公共存储库。它与最新的jekyll 版本不兼容。

【解决方案2】：

如果你想让它像compass watch 一样简单，你可以使用Guard gem 以及guard-jekyll 和guard-compass（如果你喜欢样式注入，guard-livereload）。

Guard 在单个终端窗口下捆绑了多个“监视”操作，并且比强大的资产管道更容易设置。安装 gems，根据guard-compass 和guard-jekyll 指令配置.guardfile，cd 到你的目录并输入guard。任何时候相关文件更改您的 sass 文件和/或 jekyll 站点都会重新编译。

【讨论】：

【解决方案3】：

原生 Sass 和 CoffeeScript 处理在 Jekyll v2.0 中首次亮相：

http://jekyllrb.com/docs/assets/#sassscss

【讨论】：

【解决方案4】：

全面披露：我是该项目的首席开发人员。

我见过的用 Jekyll 设置 Sass 的最简单方法是使用 jekyll-compass。该 gem 将完全按照您的描述进行：任何时候 jekyll 构建您的网站（jekyll build、jekyll serve 等），您的 Sass 都会与您网站的其余部分一起编译到输出文件夹中。查看上面链接的自述文件，了解完整的使用详情。

Jekyll 团队目前也在进行一些工作，以将 Sass 支持纳入 Jekyll 的核心，以便每个人都至少可以基本访问 Sass 及其提供的精彩功能集。

【讨论】：