最近开始用sass,遇到了一个问题,看一下下面的代码
@import 'base.scss'; .btn { @extend reset-btn; }
在base.scss文件里面,有很多已经写好的选择器,但是,我只用到一个reset-btn,在这种情况下,我还是把整个base.scss文件里面所有的内容全部导了进来,就会有很多重复并且我用不到的代码,这种情况下,我该怎么解决呢?
base.scss
reset-btn
认证高级PHP讲师
那个如果是写好的选择器`.selector {}`会被使用 无解
所以import的文件中 最好都是mixin或者这种
`%selector {}`
sass 虚类形式
sass不会存在重复的代码的，你编译成css看一下就知道啦，虽然我们可能定义了很多mixin，但是当项目中实际没用的时候是不会被转换成css的，像你这里，最终生成的css也只会reset-btn相关的css
sass
css
mixin
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
那个如果是写好的选择器
`
.selector {
}
`
会被使用 无解
所以import的文件中 最好都是mixin
或者这种
`
%selector {
}
`
sass 虚类形式
sass不会存在重复的代码的，你编译成css看一下就知道啦，虽然我们可能定义了很多mixin，但是当项目中实际没用的时候是不会被转换成css的，像你这里，最终生成的css也只会reset-btn相关的css