问题标签 [dart-sass]

我正在使用 Sass 并想使用@use关键字而不是@import. 因为，@import有很多错误的问题。也只有 dart-sass 支持这个功能，我把 node-sass 改成了 dart-sass。然而，问题出现了。

我的原始代码

dart-sass 和@use应用代码

错误：未定义的变量。

我该如何解决？

我正在尝试从 libsass ( @import) 迁移到 dart sass 模块 ( @use, @forward)。

老实说，我觉得这很困难，因为我使用的很多 mixin 和文件（模块）都依赖于一般的配置变量。

在 libsass 中这一切都很简单，但现在变量被严格限定在原始模块的范围内。您可以使用 传递模块@forward，并且可以使用with()将变量传递给模块，好的。

但我曾经有一个很大的网站 configuration.scss 文件，它定义了在后续本地 @imports 以及外部“框架”@imports 中使用的基本全局变量。

这个系统不再工作了。我需要一种可用的方法来全局传播一些变量，始终可用。在这个方向上找不到新的最佳实践。

当我将 css 与 sass 一起添加到规则时，它会出错。如果您删除 CSS 的规则，那么一切都很好。我尝试使用node-sassand sass，但没有区别。这是我的配置文件：

并且有一个node js日志：

我正在尝试使用该dart-sass模块在我的 React 项目中使用 Typescript 编译一些 SCSS。我安装了模块，导入了它，并得到标题中的错误。会是什么呢？我尝试过的某些类型的导入：

一切都会引发以下错误：

TypeError：“原始”参数必须是函数类型 - SASS

我正在尝试使用 sass 变量和 sass 数学运算符来定义不同的 cssfont-size变量。

我定义了这样的css变量：

然后在其他文件中我使用了我的css变量：

这根本不起作用我的字体大小根本没有改变。我认为 sass 数学运算符可能有问题，所以我尝试了类似的方法：

这有效，我的字体大小2rem与预期相同。在这个发现之后，我认为也许我对 sass 变量做错了什么，所以将我的 css 变量更改为：

这是行不通的！我真的不知道我做错了什么。有人可以向我解释我应该如何用 sass 变量和 sass 数学运算符定义这些 css 变量吗？

笔记：

• 如果我使用 csscalc函数，这也可以：

• 对于编译.scss文件，我使用带有css-loader和sass-loader的Webpack 5.10.3

每次运行 CRA 应用程序时都会出现以下错误，但一切运行正常：

这是罪魁祸首文件：

它允许我在我的 Typescript 文件中重新使用我的 SCSS/SASS 变量。

怎么了？

map.setsass文档给出的示例不起作用，这是为什么呢？

我的sass版本是1.32.5.
整个错误信息：

我希望地图的设置不会引发错误。

有一个问题。也许你可以帮助我。

是否可以scss通过dart-sass.

例如，我有一个style.scss：

并运行此脚本：

我得到了结果：.class { min-height: 0; }。我检查了文档，没有找到与渲染过程相关的任何内容，并且没有将文件内容作为字符串scss而不是文件内容。css

非常感谢。祝你今天过得愉快。

在我的 nuxt 项目中，我使用 dart-sass 和一个名为 constants 的文件来确定一个名为 $dir 的变量的值，该变量控制一些 mixins 的功能。如果 html 标记具有 dir 属性，我想修改 $dir 变量的值。我现在拥有的（不起作用）是这个

并且我的 html 标记具有值为“ltr”的 dir 属性，但是即使 dir 的值为“ltr”，该变量也会不断被覆盖为“rtl”

如果我把上面的代码改成这个

$dir 的值变为“ltr”，这意味着两种样式都被应用并且只是相互覆盖所以我错过了什么？

我的想法是可选地添加一个 CSS-Selector 到 mixin 中已经存在的选择器堆栈中。

我的希望

应编译为：

如何得到这份工作？:)