create-react-app怎么定义全局scss变量

最近利用create-react-app创建了一个项目，因为项目主题风格多样，所以需要多个样式文件进行风格定义。

最初想的是定义一个css文件，通过命名的区分(.base_background:#ff0000;)，在需要使用的位置引入，不过这种方法太麻烦了，除了元素自己的类名，还需要另外加类名（相当多的类名）。而且每个组件都要引入主题样式文件，增加了冗余。

然后开始尝试全局定义scss，想通过变量语法进行主题样式控制，看到一篇vue的文章，可以通过sass-resources-loader进行变量引入，而不需要每个组件单独引入scss文件。vue引入sass全局变量