我正在使用一些复制的SASS代码来启动一个项目。它是用@编写的,我已经将它更改为“Dart SASS使用”。
style.scss
// base
@use 'css/var' as *;
@use 'css/base' as *;
@use 'css/typography' as *;
// layouts
@use 'css/container' as *;
@use 'css/grid' as *;
css/_var.scss
$baseFontSize:16 !default;
$baseLineHeight:1.5 !default;
$leading:$baseLineHeight * 1rem !default;
在style.scss所在的目录中,我运行了sass --watch .
我不断地发现错误:
错误:未定义变量。╷10│字体大小:(╷/ 16) * 100%;│^^^^^^^^^^^^^╵ css/_typography.scss 10:17 @use style.scss 6:1根样式表
我使用的是SASS版本1.43.4
发布于 2021-11-19 13:47:40
如果_typography.scss
部分使用来自css/_var.scss
的Sass变量,则需要向_tyopgraphy.scss
部分添加@use "path-to-css/_var.scss" as *;
at-规则。我想它不会再给出一个错误了,因为它会知道变量引用。
当您将css/_var.scss
加载到要编译的基本样式表中时,您可以在该style.scss
文件中使用这些变量,但是加载到主文件中的部分如果使用了变量/mixins/etc,并且还没有加载,则必须具有@use
at-rules。
注意:您还可以考虑使用索引文件和
@use
at-rules,该规则允许您使用单个@use
调用加载一个分区目录。
https://stackoverflow.com/questions/70041191
复制相似问题