@import更多高性能替代方案對於sass

Question

我發現@importhas performance implications。然而，我所有的文件頂部文件@import a global-constants.scss在文件的頂部重用顏色和其他屬性的幾個變量，以便我可以從一個地方改變主要顏色等。

是否有更高性能的方式來重用sass中的變量？

編輯：進一步思考這一點，我注意到我編譯後從我的sass文件生成的css文件沒有導入語句，並且所有變量都呈現爲正確的css值。所以我可能不會得到任何性能問題，是我的猜測。

Answer 1

當您在SCSS中使用@import時，它會嘗試包含整個文件並將其發送到瀏覽器（如果您已將其配置爲只返回一個CSS文件或縮小）。這樣，它是乾淨的，更好：

1. 沒有@import在輸出。
2. 源代碼使用@import拆分，保持模塊化。

摘要：由於@import沒有性能問題。