Jekyll / Liquid：在模板中包括已编译的SASS内联

Question

出于性能原因，我想将我的CSS内联到Jekyll生成的HTML文件中。我天真地尝试：

<style type="text/css">
  {% include main.scss %}
</style>

问题在于，它包括源文件（仅定义变量并包括其他文件），而不是编译后的CSS。如何获得已编译的CSS？

Answer 1

Jekyll scssify进行救援：

  <style type="text/css">
    {% capture sass_file %}
      {% include main.scss %}
    {% endcapture %}
    {{ sass_file | scssify }}
  </style>