【问题标题】:Not sure if I need to re-import scss files [duplicate]不确定我是否需要重新导入 scss 文件 [重复]
【发布时间】:2015-09-09 15:46:01
【问题描述】:

这是我的 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";

现在假设我想在_home.scss 部分中使用modular-scale。我需要@import "bower_components/modular-scale/stylesheets/modular-scale";inside of _home.scss 吗?使用modular-scale 功能?

我很确定我是正确的,因为我之前尝试在_home.scss 中使用我的一些typography 变量,并引发了一个错误,即找不到我的变量。这是由于没有导入了我的 typography 部分。

如果我已经将要使用的文件导入main.scss,那么继续导入我想使用的文件似乎有点多余

【问题讨论】:

    标签: css sass


    【解决方案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";
    

    【讨论】:

      猜你喜欢
      • 2012-07-09
      • 2023-03-11
      • 2021-03-28
      • 1970-01-01
      • 2019-03-16
      • 2021-01-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多