如何在create-react-app中使用导入全局sass变量(已被弹出)

Question

请参阅此repo以获取更多信息和复制。

我正在使用一个弹出的create-react-app，我希望能够在单个样式表中使用全局sass变量，而不必导入样式表。我认为使用sass-resources-loader是我应该使用的(尽管如果有更好的方法，请让我知道)。我已经更新了这里的create-react-app弹出的webpack配置，但是每当我运行yarn start时，我仍然得到抱怨:

SassError:未定义变量:"$boxSize"src/SampleComponent/SampleComponent .scss的第5行

使用sass-loader库，我这样使用它，它工作得很好。

{
loader: 'sass-loader',
options: {
sourceMap: true,
additionalData: `
@import "sources/scss/modules/_config.scss";
@import "sources/scss/modules/_global.scss";
`
},
},