sass - Jekyll 2.1 中的 SCSS @import

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";

就是这样。