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

sass CSS

JinJin

2020-03-23

如何.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文件。这怎么可能?

第2924篇《在另一个\`.scss\`文件中包含\`.scss\`文件?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
L猪猪 2020.03.23

您可以这样导入:

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

@import "../_mixins";

@import "_main";

@import "_login";

@import "_exception";

@import "_utils";

@import "_dashboard";

@import "_landing";

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

小胖阿飞 2020.03.23

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

@import "partial";

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android