我可以在SASS中将Partials导入到Partials中吗？

Question

我用Sass来设计一个新网站。

最初，我的style.scss (编译的主要SCSS文件)导入了general.scss (其中我定义了变量)和各种页面(比如homepage.scss)。效果很好。我试图重构homepage.scss，只导入它的各个节(例如节-a.scss)的Scss。令人惊讶的是，所有的变量都不再被Sass编译器所识别。

我的问题是：

1. 我可以在SASS中将部分导入到部分中吗？
2. 是否可以使用在所有其他部分中导入到主scss文件(编译的文件)的分部中声明的变量？

不用说，所有部分文件名都以下划线开头。

谢谢!

Answer 1

这必须与你方下的进口订单有关。

应该是这样的：(我不记得SCSS语法是什么.但这应该能解释)

// primary file master.scss or whatever importing partials...
@import 'reset';
@import 'variables';
@import 'styles-etc';

// variables file / importing other partials
@import 'variables/space';
@import 'variables/color';
@import 'variables/break-points';

// styles file
body {
  background: $color; // from variables/color...
}

我从来没有建议过任何人使用引导..。但如果你看看它的结构，你可能会看到很多这样的例子。

Answer 2

是的，可以将部分导入到Sass中的部分中。此外，只要所有变量都直接或间接地导入到同一个主sass文件中，那么使用在任何一个分部中定义的变量就不会有任何问题。

我遇到的错误是由于在导入主页部分时没有指定主页部分所在的文件夹。进口代码是：

@import 'partial'; 

虽然我应该使用的代码是：

@import 'home/partial'

Answer 3

根据您的设置，这应该很好，只需确保以某种方式设置您的层次结构，这样导入就会逻辑地流动，这样您就不会试图在定义变量和类似的变量之前访问它们。

如果您使用的插件/包一次只抓取文件夹中的所有文件，那么这更有可能成为一个问题。

我通常只想坚持用一个文件来导入所有的东西，这样就更容易管理了。不过，每个人都有自己的。