Gulp Sass 编译成非常长的、意想不到的规则集

Question

当我的 gulp sass 任务运行时，它会成功创建组合文件，但是有一些奇怪的规则很突出。这些规则大约有 150 万个字符长，每个创建一个大约 1.1mb 的文件，显然这是不可接受的。我不确定这是编译器中的错误还是我们代码中的错误，但我们将几十个 sass 文件与引导模式 sass 文件结合在一起，这似乎是问题的一部分。

这是创建问题的引导模式行之一的示例：

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

这就是它被编译成的内容：gist

现在，我可以从 bootstrap-modal.scss 文件中删除有问题的行，它可以正常编译，但我正在尝试了解根本问题。

Answer 1

在您的 scss 文件中搜索一些 @extend。根据您生成的文件，这似乎是您问题的根源。

没有所有项目很难猜测。