Jekyll sass文件没有编译

Question

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

设置文件夹

Config.yml

sass:
  sass_dir: _scss

这里发生了什么以及如何让我的main.scss文件进行编译？

Answer 1

sass转换器不会直接处理sass_dir，只是为了包含partials：

  

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

要转换 sass 文件，请使用两行三连字符启动该文件：

---
---

// sass content

输出文件将位于放置该文件的目录中。

您可以将其放入css/main.scss，而Jekyll将生成css/main.css。

Answer 2

我也在玩这个，但我是初学者，所以请用一点盐来接受我的建议。

但是，当我正在运行时，我的设置正在运行并编译所有scss更改＆＃34; jekyll serve --watch＆＃34;将我的_sass文件夹在config.yml中指定为：

sass:
    sass_dir: _sass

我的_sass文件夹本身包含一些_scss文件，我将其用于样式，但重要的是，我认为，我的jekyll CSS文件夹仅包含 中的导入< / em>一个名为main.scss的文件，如下所示：

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

希望这个非常非常技术性的解释对你或者谷歌如何使用jekyll编译/处理并观察.sccs文件中的变化有用。