使用@vue/cli 3构建Vue应用。我到了需要集成SCSS的地步，之前还没有将SCSS与vue一起使用，所以遇到了一些麻烦。
我的SCSS结构非常传统：
_variables.scss包含我所有的变量_layout.scss包含一些与布局有关的内容_componentX.scss样式_componentN.scss样式app.scss导入所有内容我想通过从component#.scss中删除app.scss导入，而不是将这些样式放入组件（SFC）样式标签中来对此进行分解。
但是，当我尝试此操作时，该组件会为无法识别的变量抛出错误（即使app.scss已导入main.js中）
解决方法实质上是在每个组件中导入app.scss。这是要走的路吗？ （似乎很奇怪）还是我做错了什么？