问题标签 [dart-sass]

在 Sass 中我们可以使用参数列表，但是我们如何检查这个 argList 是否为空呢？

这是一个带有一些调试的基本示例：

返回：

我目前正在从 node-sass 切换到 dart-sass。我曾经能够像这样混合使用 hex 和 rgb 来定义颜色不透明度：

但是，现在它会触发错误并指出我缺少 $blue 并希望我提供 rgb 值

SassError: Missing element $blue.

这仅在我给它一个严格的 rgb 代码时才有效，rgb(0,0,0, .16);但如果我使用它就行不通rgb($colour-black, $colour-black, $colour-black, 0.16)

这与 dart-sass 有关还是我缺少一些简单的东西。在我看过的所有地方，我都可以使用十六进制颜色变量在 scss 中编写 rgb 代码。我错过了什么？感谢您提供的见解。

"sass-loader": "^12.1.0", "sass": "^1.48.0", "postcss": "^8.3.9",

由于 node-sass 不再维护，并且不兼容更高版本的 node，所以我尝试将 node-sass 更改为 dart-sass，当我在 vue 项目中使用 dart-sass 时是这样的：

显示错误：

为什么会这样？我应该怎么做才能解决这个问题？这是我的项目package.json：

节点版本是 16，操作系统是带有 M1 芯片的 macOS moteney。

因为node-sass有一个很大的安装问题和兼容问题，我不想用node-sass，我的项目更喜欢用dart sass。但是当我像这样使用 sass-loader 时：

表明：

我应该怎么做才能让 sass-loader 忽略节点 sass 并使用 dart sass？我不想使用 node sass，它浪费太多时间来处理安装和兼容问题。顺便说一句，这是我的项目package.json内容：

欢迎任何建议或线索。我尝试像这样调整 webpack 配置以指定 load-sass 使用 dart sass 而不是 node sass：

仍然没有工作。

我目前正在使用以下样式表结构来收集我在多个项目中使用的帮助函数：

@import "helpers";然后我会在我的个人项目中使用导入文件。由于@import将所有内容都放在全局范围内。我所有的 mixin、函数、实用程序和变量都可以相互访问。

输入 dart-sass 及其作用域/模块方法。我花了最后一天的大部分时间来尝试迁移上述样式表结构，但无法使其正常工作。这是我尝试过的对我来说似乎合乎逻辑的方法：

最后，我将在我的个人项目中导入上述文件：

在尝试使用上面显示的文件结构将旧项目从 libsass 迁移到 dart-sass 时，我遇到了几个围绕$config变量的错误消息，最常见的是这两个：

有人可以指出我做错了什么吗？任何帮助将非常感激。首先十分感谢。

任何人都有使用 dart-sass 和 with 的引导覆盖变量的经验吗？

使用node-sassusing import，我们可以这样做，以覆盖引导程序内部使用的默认$spacer/变量$spacers

但切换到

为了遵循新的 dart sass 标准，打破这个，上面重新声明的变量被忽略

我试过这个，

但这也不起作用，我明白了

我尝试的其他解决方案只会给我其他错误。我仍在学习，但非常坚持这一点，有人有什么想法吗？

我通过 webpack sass-loader 捆绑这个

我们正在迁移到 dart-sass 并且有恼人的问题@extend，部分来自我们的源代码：

使用 lib-sass 它有输出：

使用 dart-sass 它有输出：

在 lib-sass 中我们有预期的结果，但在 dart-sass 中没有。

是否有任何 python 库来编译使用Dart Sass实现的 sass？

目前我正在使用libsass-python库。但是现在不推荐使用Libsass

哪个是当前在 python 中编译 sass 的最佳选择？