2014-05-12 40 views
5

有一種方法可以刪除未使用的CSS與uncsshttps://github.com/giakki/uncss通過節點構建工具刪除動態網站未使用的CSS

而且關於這個問題一個很好的博客文章:http://addyosmani.com/blog/removing-unused-css/ 但是我看不出你如何將結合這種方法動態內容(例如由角度指令或異步頁面加載生成)將被uncss模塊忽略。

是否有一個最佳的方式來實現這一點,我不想手動進去並刪除所有的bootstrap css我沒有使用。

+3

實現這一目標的最佳方法是自己坐下並將其移除,但不能完全依靠工具來完成工作 –

+0

@ Mr.Alien當然它總是更完美的手動執行操作,但我想自動執行處理。 – Nikos

+0

您可以在頁面聯機前放置FORCED檢查點。 「獲取頁面>運行uncss>發佈」可能是一個可能的工作流程。自動化這將需要一些額外的腳本和檢查至少在最初。 – bbh

回答

0

我最好的建議是創建幾個靜態頁面,其中包含您預計需要的所有標記的示例,並針對該頁面運行uncss。

即使內容是動態或異步加載的,您應該對可能的內容有一個相當好的概念。例如:您很可能需要基本的文本格式,標題,富文本內容,列表,鏈接,圖片等。根據您網站的主題,您還會知道是否需要在<code><kbd><pre>標籤內顯示代碼示例。

然而,它並不像可能是動態內容將直接需要利用自身網格/佈局系統,或者需要任何多餘的按鈕樣式。

構建一個測試頁面,其中包含您預期使用的所有內容。如果你知道你想保留的東西,然後把它扔進去。否則感到自信,因爲知道uncss是在做清理其他事情的工作。