問題描述

最近開始用sass,遇到了一個問題,看一下下面的代碼

@import ’base.scss’;.btn { @extend reset-btn;}

在base.scss文件里面,有很多已經(jīng)寫好的選擇器,但是,我只用到一個reset-btn,在這種情況下,我還是把整個base.scss文件里面所有的內(nèi)容全部導(dǎo)了進(jìn)來,就會有很多重復(fù)并且我用不到的代碼,這種情況下,我該怎么解決呢?

問題解答

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

所以import的文件中 最好都是mixin或者這種

`%selector {}`

sass 虛類形式

sass不會存在重復(fù)的代碼的，你編譯成css看一下就知道啦，雖然我們可能定義了很多mixin，但是當(dāng)項(xiàng)目中實(shí)際沒用的時候是不會被轉(zhuǎn)換成css的，像你這里，最終生成的css也只會reset-btn相關(guān)的css