在另一个`.scss`文件中包含`.scss`文件?

如何.scss在另一个.scss文件中包含文件?我试图将其写入文件:app.scss:

@include('buttons');
@include('dropzone');

body {

    background: $primaryColor;
    overflow-x: hidden; /*Clip the left/right edges of the content inside the <div> element - if it overflows the element's content area: */
    height: 100%; /* Cover all (100%) of the container for the body with its content */
    padding-top: 70px;
} /* more css code here */

它返回一个错误: invalid css after @import

我尝试在主scss文件中包括其他2个scss 文件,因此最终将全部编译为一个css文件。这怎么可能?

L猪猪2020/03/23 15:42:04

您可以这样导入:

@import "../../_variables";

@import "../_mixins";

@import "_main";

@import "_login";

@import "_exception";

@import "_utils";

@import "_dashboard";

@import "_landing";

根据您的目录,它将执行您想要的操作。

小胖阿飞2020/03/23 15:42:04

您可以通过执行以下操作来包括部分内容:

@import "partial";

导入的文件需要下划线,因此sass会识别出要包含该文件:_partial.scss