我可以在SASS中将Partials导入Partials吗?

我可以在SASS中将Partials导入Partials吗?,sass,prepros,Sass,Prepros,我正在使用Sass设计一个新网站。 最初我的style.scss(编译的主scss文件)导入了general.scss(我在其中定义了变量)和各种页面(如homepage.scss)。它工作得很好。然后我尝试重构homepage.scs,只导入其各个部分的scs(比如section-a.scs)。令人惊讶的是,Sass编译器(prepos)不再识别所有变量 我的问题是: 我可以在SASS中将partials导入partials吗 我可以使用在所有其他部分中导入到主scss文件(编译的)的部分中声

我正在使用Sass设计一个新网站。
最初我的style.scss(编译的主scss文件)导入了general.scss(我在其中定义了变量)和各种页面(如homepage.scss)。它工作得很好。然后我尝试重构homepage.scs,只导入其各个部分的scs(比如section-a.scs)。令人惊讶的是,Sass编译器(prepos)不再识别所有变量

我的问题是:

  • 我可以在SASS中将partials导入partials吗
  • 我可以使用在所有其他部分中导入到主scss文件(编译的)的部分中声明的变量吗 不用说,所有部分文件名都以下划线开头


    谢谢

    这一定与您输入的订单有关

    这应该是这样的:(我不记得什么是SCSS语法…但这应该可以解释)




    我从来没有建议过任何人使用bootstrap。。。但是,如果你看一下它的结构,你可能会看到很多这样的例子。

    是的,可以在Sass中将部分导入到部分中。此外,在任何其他部分中使用一个部分中定义的变量都应该没有问题,只要它们都直接或间接导入到同一个主sass文件中

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

    @import 'partial'; 
    
    而我应该使用的代码是:

    @import 'home/partial'
    

    这取决于您的设置,只是要确保您的层次结构设置的方式,使导入符合逻辑,这样您就不会试图在定义变量之前访问变量等等

    如果您使用的插件/软件包一次只从一个文件夹中获取所有文件,那么这很可能是一个问题

    我通常只会坚持使用一个文件来导入所有内容,这样更易于管理。每个人都有自己的想法

    // styles file
    body {
      background: $color; // from variables/color...
    }
    
    @import 'partial'; 
    
    @import 'home/partial'