最佳做法CSS - SASS

我正在期待人羣的智慧以獲得實施CSS的最佳實踐的觀點。最佳做法CSS - SASS

我們的網站最初是使用SASS編譯器爲CSS構建的。隨着越來越多的功能被添加，每一個都有特定的樣式，CSS文件和部分變得越來越大。加載整個站點的所有CSS似乎浪費資源和時間，特別是在任何給定頁面上未使用大百分比的情況下。不過，我仍然被告知，這比頁面中的內聯樣式或CSS樣式塊更有效。

我目前正在考慮剝離所有核心CSS到SASS CSS文件，然後創建一系列根據需要加載的特定CSS文件。

他人如何解決這個問題。 CSS文件變大時，對「最佳實踐」是否有共識？

感謝

來源

2016-08-16 Dave

這個問題要麼過於寬泛，要麼基於**意見，要麼需要討論，所以對於堆棧溢出而言是無關緊要的。如果您有特定的，可回答的編程問題，請提供完整的詳細信息。 –

謝謝你，是的，我實際上正在尋找經驗豐富的從業人員在主題上的意見和討論。你能否在其他地方建議我可以提出這樣的問題？ – Dave

在Stack Exchange上不可能有一個地方，但隨時可以檢查。不幸的是，討論和意見問題不適合Stack Overflow。 –

你可以寫SASS只爲您的網站和負載的風格，只爲特定頁面的特定部分。例如，當您在產品頁面上時，您不必爲產品列表加載樣式。在此期間，您可以使用菜單，頁腳等全局樣式表。

加載樣式內嵌或塊中防止樣式緩存，並使您的用戶每次打開網站時下載它。

來源

2016-08-16 09:19:53 Loji

感謝您的回覆Loji。因此，你建議一個選項是繼續使用SASS，但除了style.css之外，還創建了一系列單獨編譯的CSS文件，這些文件是根據需要加載的？ SASS編譯的CSS看起來比非編譯的效率更高嗎？如果在編譯的特定CSS文件中使用編譯後的SASS style.css文件有任何問題？再次感謝 – Dave

是的，如果您的網站的一部分更大，則只在需要時單獨加載其CSS。編譯爲CSS的SASS只有在縮小時才更有效率。正常CSS和SASS編譯CSS之間沒有區別。不，使用SASS和CSS時沒有問題。無論如何，SASS被編譯成普通的CSS，唯一不同的是開發的容易程度。 – Loji

最佳做法CSS - SASS

回答

相關問題