React和SCSS从scss导出变量以做出反应

Question

我正在尝试将颜色从我的.scss文件导出到我的React。

colors.scss

:root {
  --color2: #606060;
}

$color: #88b5dd;
$color2: var(--color2);

.export {
 color: $color
 color2: $color2
}

并在我的React中阅读它：

App.js

import {Colors} from './colors.scss'
console.log(Colors.color)
console.log(Colors.color2)

，在console.log中，我可以看到：

#88b5dd
var(--color2)

color2不是颜色，当我使用export时，不会插入var（-color2） 有谁知道如何解决这个问题？如何获得：root中定义的颜色？ 谢谢！

Answer 1

编辑： 找到了这个图书馆react-css-vars 并重构此代码以将其与React一起使用