前端 - sass 如何import单条css选择器

Question

最近开始用sass,遇到了一个问题,看一下下面的代码

@import 'base.scss';

.btn {
  @extend reset-btn;
}

在base.scss文件里面,有很多已经写好的选择器,但是,我只用到一个reset-btn,在这种情况下,我还是把整个base.scss文件里面所有的内容全部导了进来,就会有很多重复并且我用不到的代码,这种情况下,我该怎么解决呢?

Answer 1

那個如果是寫好的選擇器
`
.selector {
}
`
會被使用 無解

所以import的檔案中 最好都是mixin
或這樣

`
%selector {
}
`

sass 虛類形式

Answer 2

sass不會存在重複的程式碼的，你編譯成css看一下就知道啦，雖然我們可能定義了很多mixin，但是當專案中實際沒用的時候是不會被轉換成css的，像你這裡，最終生成的css也只會reset-btn相關的css