使用 github-pages 时如何在 Jekyll 中从凉亭添加 sass 文件

【问题标题】：How to add sass file from bower in Jekyll when using github-pages使用 github-pages 时如何在 Jekyll 中从凉亭添加 sass 文件
【发布时间】：2017-05-28 03:29:57
【问题描述】：

我一直在尝试多种解决方案来将 bower 资产集成到 jekyll 中，但似乎没有一个足够简单或未来安全。

一个有趣的解决方案是将来自任何https://rails-assets.org gem 的所有 gem 资产目录添加到 sass_dir（它会自动将任何凉亭回购转换为资产 gem），但我没有找到说这是可能的文档。或者使用 bower 并导入 sass 文件。但没有咕噜声。

目标是能够@import sass from assets gems，推送 gh-pages 分支并让 github 部署而无需任何额外步骤。

【问题讨论】：

标签： ruby-on-rails sass jekyll bower github-pages

【解决方案1】：

我最终将 bower 包直接添加到 _sass 目录中。除了您的 .bowerrc 文件外，没有特殊配置应该指向 _sass 目录：

{
  "directory" : "_sass"
}

它不适合大型项目，但就我而言，它完全符合我的需求。

如果您直接推送到 gh-pages 分支，此解决方案是最简单的。

如果您有更复杂的设置和许多 bower 包，那么我想我会使用 2 个分支和基于 grunt 的流程的自定义构建。

然后你可以使用这里提到的 sass load_paths https://github.com/jekyll/jekyll/issues/3366

sass:
    sass_dir:
        - _sass
        - bower_components

【讨论】：