SCS @import in Jekyll 2.1

Question

我有这个项目结构

-Project
    -css
        -main.scss
        -_sass/
            -base
            -layout
            -pages
            -vendor

我的main.scss文件的内容.

---
---

@import "sass/base/reset";
@import "sass/base/colours";
@import "sass/base/vars-typeplate";
@import "sass/base/typeplate";

我在Jekyll文档中读过,为了使用SCSS语句,我要包含sass:sass_dir:_sass.我想我要在_config.yml中添加这一行.但是我在我身上做了它仍然无法正常工作.每次我尝试运行jekyll服务.我的控制台显示以下消息:

jekyll 2.1.0 | Error:  File to import not found or unreadable

Answer 1

Jekyll doc说:如果您使用的是Sass @import语句,则需要确保将sass_dir设置为包含Sass文件的基目录.

然后对你来说它是css/_sass.

在_config.yml中,您有:

sass:
    sass_dir: css/_sass

在css/mains.cscc中

---
---

@import "reset";

就是这样.

Answer 2

进入config.yml

sass_dir: css/_sass

您必须指定完整的 url。