前端 - sass 如何import單條css選擇器

問題描述

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

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

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

問題解答

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

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

`%selector {}`

sass 虛類形式

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