有没有办法找出@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 (将#修改为@）