这是我的所有导入的main.scss
文件。
/* Pages */
@import"pages/about";
@import"pages/contact";
@import"pages/home";
@import"pages/projects";
/* Partails */
@import "partials/gridmixins";
@import "partials/mixins";
@import "partials/colors";
@import "partials/typography";
/* Libs */
@import "bower_components/modular-scale/stylesheets/modular-scale";
@import "bower_components/normalize-scss/normalize";
现在假设我想在modular-scale
部分内部使用_home.scss
。我需要在@import "bower_components/modular-scale/stylesheets/modular-scale";
内_home.scss
吗?使用modular-scale
函数?
我很确定我是正确的,因为我之前尝试在typography
内使用了一些_home.scss
变量,并且抛出了一个无法找到我的变量的错误。这是由于不导入我的typography
部分。
如果我已经将它们导入一次main.scss
答案 0 :(得分:1)
要在另一个部分文件上使用变量或函数,首先需要导入包含此变量/函数的文件。
就像那样:
/* Libs */
@import "bower_components/modular-scale/stylesheets/modular-scale";
@import "bower_components/normalize-scss/normalize";
/* Pages */
@import"pages/about";
@import"pages/contact";
@import"pages/home";
@import"pages/projects";
/* Partails */
@import "partials/gridmixins";
@import "partials/mixins";
@import "partials/colors";
@import "partials/typography";