如何覆盖react库的sass变量

Question

我创建了一个React库，并将其与rollup捆绑在一起。为了定义一个通用主题，我使用了sass变量，并将它们导入到每个组件scs(module.scss(中。我的目标是在使用库的每个项目中覆盖主题。例如，在我的库_variables.css中，我有：

$main:red

我想在我的新React项目中用绿色代替它

$main:green;

例如，sass或我应该用上下文API更改主题化吗。

Ty

Answer 1

请参阅Sass默认值。

通常，变量的最后时间设置会覆盖以前的赋值。为了避免加载顺序问题，可以使用!default标志来确保库值不会覆盖项目的值。

// lib_variables.scss
$main: red !default;
// app_variables.scss
$main: green;