将scss文件与导入文件合并为一个文件

Question

如果我想将scss拆分成多个文件，那么每个文件都需要一个import语句。

例如，如果我有

• _variables.scss，

• Header.scss

• Footer.scss
• Content.scss

（底部）3文件是否需要导入（如果他们使用变量） 我想要一个最终文件，例如Site.scss，它将3与导入

合并

或变量导入是否也应该在Site.scss中？

Answer 1

每个文件都需要一个import语句，但它们都可以在根文件中。

这是一个很棒的小教程，我一直在努力使其发挥作用：

How to Structure a SASS Project

Answer 2

在您的Site.scss文件中，导入顶部的_variables.scss和其下的所有其他文件

@import 'variables';
@import 'Header';
@import 'Footer';
@import 'Content';    

这样所有其他文件都可以使用这些变量。您不需要在其他所有文件中加入_variables.scss。