2017-08-03 54 views
1

我使用Sass来设计一个新网站。
本来我的style.scss(编译的主要SCSS文件)导入了general.scss(我定义了变量)和各种页面(比如homepage.scss)。它运作良好。我试图重构homepage.scss只是导入其各个部分的Scss(如section-a.scss)。令人惊讶的是,所有变量都不再被Sass编译器(Prepros)识别。我可以在SASS中导入Partials到Partial吗?

我的问题是:

  1. 我可以导入的谐音成SASS谐音?
  2. 我可以使用部分中声明的变量导入到所有其他部分中的主scss文件(编译的文件)吗?

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

谢谢!

回答

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... 
} 

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

0

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

我遇到的错误是当我导入它们时未指定主页部分所在的文件夹的结果。进口代码为:

@import 'partial'; 

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

@import 'home/partial' 
相关问题