Reactjs 从jsx文件导入sass变量

我正在做一个用

创建React应用程序
构建的React项目。我有一个名为
common.scss
的文件，其中保存了变量列表，例如：

$blue: 'blue';
$red: 'red';

SCSS文件通过
节点sass chokidar
进行预处理

我希望能够将这些变量导入到我的jsx文件中，但我找不到一种不弹出的明确方法。你能告诉我一种不用弹射的方法吗

谢谢
 如果使用，可以导入css文件并导出一些变量

$blue: 'blue';
$red: 'red';

:export {
  blue: $blue;
  red: $red;
}

然后将它们用作js

import css from 'path/to/your/file.scss'
/*
...
*/
<div style={{color: css.blue}} />

将css从'path/to/your/file.scss'导入
/*
...
*/
这不是直截了当的，至少对我的项目来说不是，使用相同的预处理器只是确保编译时打开了css模块。