最佳實踐CSS-SASS

Question

我希望從人群中獲得智慧，以獲取有關實現CSS的最佳實踐的觀點。

我們的網站最初是使用SASS CSS編譯器構建的。 隨着時間的流逝，添加了更多功能，每種功能都有特定的樣式，CSS文件和局部文件也變得很大。 加載整個站點的所有CSS似乎是浪費資源和時間，尤其是當在給定頁面上未使用很大百分比的時候。 但是我仍然被告知，這比頁面中的內聯樣式或CSS樣式塊更有效。

我目前正在考慮將除核心CSS之外的所有內容都剝離到SASS CSS文件中，然后創建一系列根據需要加載的特定CSS文件。

其他人如何處理這個問題。 CSS文件變大時，關於“最佳實踐”是否達成共識？

謝謝

d

Answer 1

您只能為網站的特定部分編寫SASS，並且只能為特定頁面編寫加載樣式。 例如，當您在產品頁面上時，不必加載產品列表的樣式。 同時，您可以為菜單，頁腳等設置全局樣式表。

內聯或成塊加載樣式可防止樣式緩存，並使您的用戶在每次打開網站時都下載樣式。

Answer 2

這是清理樣式並重新開始的絕佳機會。 我會建議你創建layout.scss在所有頁面使用的樣式，並component_X.scss特定組件樣式。