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。這似乎是你的問題的根源，根據你生成的文件。

沒有所有項目都很難猜測。