2014-12-04 34 views
3

我們的開發團隊最近承擔了重構我們龐大的CSS文件的任務,以便將來可以更容易管理。我想出了一個小任務子列表,其中一個是:如何識別未使用的CSS類?

  • 刪除未使用的樣式。

問題是,我不知道如何識別哪些樣式正在使用。有些樣式看起來並沒有被編碼到任何地方,比如第三方控件中的樣式。解決方案範圍的搜索沒有找到這些第三方樣式(如Telerik控件附帶的默認樣式)。我們似乎已經推翻了其中一些第三方風格。

缺少刪除的東西,然後檢查每一頁,以確保它看起來相同,我不知道該怎麼辦。是否有確定何時使用CSS類的可靠方法?

+1

有一些咕嚕聲插件可以做到這一點... https://github.com/addyosmani/grunt-uncss初學者 – 2014-12-04 16:46:57

+0

這就是當你不去清理代碼時會發生什麼...... – frenchie 2014-12-04 16:49:33

+1

如果你當你有一個巨大的CSS文件(我的是6000行)時,我建議不要尋找一個自動化工具,因爲這可能會引入錯誤。例如,如果一個類只用於動態生成HTML的JS函數呢? IMO最好不要手動工作。 – frenchie 2014-12-04 16:56:29

回答

0

除了其他在線服務,對於本地或私人存儲的項目,您可能會發現Helium.js有用。