Npm 如何使用全局scss变量覆盖节点模块

我创建了一个个人UI框架（react组件），并希望与我的一些项目共享该框架

为了更好的管理，我想在NPM上上传我的框架

我在我的框架中使用了SCSS，它由一个全局SCSS变量文件组成。 如果我想为每个项目使用不同的全局变量值，我将如何处理这个问题？我想将全局变量文件从节点模块文件夹中设置出来

这会影响全局变量从node modules文件夹中输入到node模块中吗

---

任何解决方案都将不胜感激。

SCSS允许您为变量定义默认值，这些值可以被否决

项目中的示例文件

app.scss

$some_color: blue;
@import 'node_modules/yourframework/main'; // This is your frameworks main file

$some_color: red !default;
body{
   background-color: $some_color;
}

框架中的示例文件

node\u modules/yourframework/main.scss

$some_color: blue;
@import 'node_modules/yourframework/main'; // This is your frameworks main file

$some_color: red !default;
body{
   background-color: $some_color;
}

这将导致你身体的背景是蓝色的

---

祝你好运

这个参考资料有用吗。。。您可以有一个可选的sass变量文件导入，位于项目文件夹外部和节点模块外部。如果项目中存在带有变量的文件，则样式将更改，否则将生成默认样式。我可以再问您一个问题吗？它是如何工作的？因为node_modules/my framework/main是构建文件，所以没有SCS。这是css。他们如何知道存在scss变量？