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。这似乎是你的问题的根源，根据你生成的文件。

没有所有项目都很难猜测。