React 和 SCSS 从 scss 导出一个变量以进行反应

Question

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

颜色.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 一起使用