Jekyll sass 文件未编译答案

【问题标题】：Jekyll sass file not compilingJekyll sass 文件未编译
【发布时间】：2017-03-28 17:43:35
【问题描述】：

我已经建立了一个新的 Jekyll 站点来测试 Neat 2.0 网格。但是，当我运行 Jekyll Serve 时，我注意到我的 main.scss 文件中的任何内容都不会编译到我的 main.css 文件中：(

文件夹设置

Config.yml

sass:
  sass_dir: _scss

这里发生了什么？如何编译我的 main.scss 文件？

【问题讨论】：

【解决方案1】：

sass_dir 不会被 sass 转换器直接处理，只意味着包含 partials：

sass_dir 成为 Sass 导入的加载路径，仅此而已。这个意味着 Jekyll 不直接知道这些文件 (..) 此文件夹应仅包含导入。

要转换您的 sass 文件，请以两行三连字符开头：

---
---

// sass content

输出文件将位于该文件所在的目录中。

你可以把它放在css/main.scss中，Jekyll会生成css/main.css。

【讨论】：

现在我收到以下错误 - Conversion error: Jekyll::Converters::Scss encountered an error while converting 'assets/main.scss': no implicit conversion of String into Integer jekyll 3.4.2 | Error: no implicit conversion of String into Integer
那是另一个故事，你的 scss 文件似乎有错误，因为 Jekyll 现在找到了它并正在尝试转换它。

【解决方案2】：

我也在玩这个，但我是初学者，所以请谨慎对待我的建议。

但是，当我使用 config.yml 中指定的 _sass 文件夹运行“jekyll serve --watch”时，我的设置正在运行并编译所有 scss 更改：

sass:
    sass_dir: _sass

我的 _sass 文件夹本身包含几个 _scss 文件，我将它们用于样式设置，但我认为重要的是我的 jekyll CSS 文件夹包含 only 导入 only 一个名为 main.scss 的文件，如下所示：

 ---
 # Front matter comment to ensure Jekyll properly reads the file
 ---
 @import 
 "layout",
 "grids",
 "etc"

希望这个不是很技术性的解释对您有用，或者对谷歌搜索如何使 jekyll 编译/处理并观察 .sccs 文件的变化的人有用。

【讨论】：