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 */ 
 

 
    }