将变量传递给Sass反应？

Question

我正在使用react构建一个小型前端项目。我制作了要从yaml文件加载环境变量的组件。

...
import '../styles/main.scss';
import site from '../config.yml'

...

class App extends Component {
    render() {
        return (
            <div>
                <Helmet>
                  <title>{ site.title }</title>
                  <meta
                    name="description"
                    content={ site.description }
                  />
                </Helmet>
...

它现在可以正常工作，但是我一直坚持将site变量传递到main.scss文件中。

@import
  "skins/{{ site.text_skin }}",
...

就像这样，我在目录中有{{text_skin}}。scss文件。 到目前为止，我无法找到直接在scss文件中导入yaml文件的方法，也找不到在REACT中将jss文件中的json变量传递给scss文件的方法。

有人可以帮我吗？