jekyll 支持@use sass 语句吗?

Does jekyll support @use sass statement?

根据 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. 范围,则一切正常。

有什么我弄错了吗?

我自己 运行 研究了这个并花了一段时间进行挖掘,这就是我的发现。

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

Jekyll 中有一张使用 dart-sass 的公开票:https://github.com/jekyll/jekyll-sass-converter/issues/116

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