jekyll 支持 @use sass 语句吗？

Question

根据sass 的说法，该@import声明是针对弃用的，有利于@use，但在 jekyll 文档中只有第一种示例......但是我无法让后者工作！

当我尝试从部分引用变量时_color.sass：

$duck-blue: #199

在其他部分中使用 use 语句_nav.sass：

@use 'color'

.duckdiv: 
    border: 2px solid color.$duck-blue

Jekyll 抛出以下内容

Error: Invalid CSS after "...2px solid color": expected expression (e.g. 1px, bold), was ".$duck-blue; }"

@use如果我替换为@import并删除color.变量前面的范围，一切都会正常。

我有什么地方搞错了吗？

Answer 1

我自己也遇到过这个问题，并花了一段时间进行挖掘，这就是我发现的。

Jekyll 使用 LibSass 转换器将 SCSS 转换为 CSS。Lybsass 现已被弃用一年多了。新的现代转换器是Dart Sass，其中包含新的 @use 引用。

但与此同时，您可以使用新的 gem 手动更改默认的 sass 转换器：https://github.com/jekyll/jekyll-sass-converter/issues/116#issuecomment-850912425