全局scss变量，顶部带有@import

Question

有可能吗？我已经将scss与react一起使用，并且必须创建许多.scss文件，但令人遗憾的是，尽管它是全局变量，但我总是必须@import变量。

Answer 1

首先创建一个入口点scss文件名“ app.scss” 然后创建“ _ variables.scss” 文件，其中将包含所有变量。

然后您创建其他组件文件，例如“ _ header.scss，_button.scss” ...

然后将_variables.scss文件导入app.scss。

app.scss

@import "variables.scss" /*Note that this should be before any other components*/
@import "header"
@import "button"
...

  

将其导入顶部将确保所有剩余组件   有变数

然后将app.sccs文件导入您的reactjs应用。