小编Tau*_*ean的帖子

在最新版本的 SCSS 中使用 @use 时如何传递覆盖?

我正在 1.24.x SCSS 中构建一种框架工具,但我无法弄清楚人们如何覆盖变量的默认值。这是一个松散的例子:

// framework/_variable.scss

$variable-1: red !default;
Run Code Online (Sandbox Code Playgroud)
// framework/_module.scss

@use "variable" as *;

@mixin mixin-one {
  color: $variable-1;
}
Run Code Online (Sandbox Code Playgroud)
// framework/index.scss

@forward "module";
Run Code Online (Sandbox Code Playgroud)
// project.scss

@use "framework" as * with (
  $variable-1: blue,
);
Run Code Online (Sandbox Code Playgroud)

这给了我一个错误,因为$variable-1已经被导入framework/_module.scss并且不能被新导入覆盖。是否可以绕过这个问题,以便框架的用户可以用他们的项目自己的属性覆盖框架的变量?

sass

5
推荐指数
1
解决办法
443
查看次数

标签 统计

sass ×1