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
根据 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