我有这个问题，我的所有全局变量都有这些scss文件：
colors.scss
fonts.scss
helpers.scss
我为我的组件提供了这些scss文件，并将其导入.jsx文件之上：
header.scss
footer.scss
searchbar.scss
我的所有基于组件的scss文件中的问题，我需要以这种方式导入color.scss和helpers.scss，它将在header.scss，footer.scss和searchbar.scss中多次包含
你们是如何工作的，一直在寻找一个小时但没有找到任何解决方案。
谢谢！
答案 0 :(得分：1)
只需创建一个app.scss文件，然后将所有scss文件导入到以您的变量文件开头的文件中。
我们在我的工作中做了类似的事情并且有一个文件我们将所有组件scss文件导入到，并且任何共享依赖关系都超过了那些只需要导入一次的方式。最重要的是确保具有依赖项的文件低于依赖项文件。
答案 1 :(得分：0)
像这样创建一个全局scss：
global.scss =＆gt;导入colors.scss，fonts.scss，helpers.scss
并将其包含在您的根JS文件中。
这样，每次创建模块时，都会有这些默认样式。