Sass在另一个sass文件中导入部分内容

Question

我想在我的新项目中使用sass，但我找不到跨文件使用的更好方法。这里是例子

/*a.scss*/ 
@mixin mixA{ 
.... 
} 
.classInA{ 
    ... 
} 

/*b.scss*/ 
@import 'a' 
.... 

我想用mixA无需其他SCSS（如classInA）进口到b.scss，我该怎么办呢？

Answer 1

这样做的一种方法是将所有mixin放入一般的mixins文件，然后将该文件导入另一个导入所有SCSS（或SASS）文件的常规文件。

/*mixins.scss*/ 

//Here goes all your mixins 

/*main.scss*/ 

@import 'mixins'; 
@import 'header'; 
@import 'footer'; 

然后在需要的文件中导入你想要的mixins。

Answer 2

如果要导入其他SASS文件简单地做：

@import 'path/sass-file'; 
 
@import 'path/sass-file'; 
 
@import 'path/sass-file';

如果你想扩展任何已经创建的类在你SCSS，你可以做这样的：

.new-custom-class { 
 
    
 
    @extend .custom-class; 
 
    /* you can add some options in here also */ 
 

 
    }