微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

有没有办法找出@extend 所需的所有相关 sass 文件?

如何解决有没有办法找出@extend 所需的所有相关 sass 文件?

以下代码“神奇地”工作,但是有什么方法可以跟踪 @extend 定义了 .d-flex 的源代码吗?

@import "~bootstrap/scss/bootstrap";
.container {
  @extend .d-flex
}

因为我想优化它而不是将所有内容导入最小导入,所以经过一些试验和错误(通过慢慢删除导入),我能够得到以下内容: >

@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";
@import "~bootstrap/scss/utilities";

@import "~bootstrap/scss/utilities/api";
.container {
  @extend .d-flex
}

但是有没有比反复试验更好的方法来过滤我扩展某个类所需的相关 Bootstrap SASS 源代码

此外,如果可能的话,我很想弄清楚/揭开上面的代码的神秘面纱,并了解 @extend 如何获得 .d-flex 属性,我搜索了相关的 source code 但无法查找 .d-flex 类的任何定义。编译导入后是否会发生扩展,这就是为什么它可以找到这个 .d-flex 类(而不是来自编译的 CSS?),而我在源代码中找不到任何引用?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。