模塊化大型CSS文件和聚合較小的CSS文件的工具

我的網站有一個mondo大小的CSS文件，包含站點範圍的CSS選擇器。這個單一文件（Mondo.css）運行良好，因爲我希望用戶一次下載這個大文件。但是，我最近做了一個小部件控件，它公開了該站點的一小部分功能，並且出於性能方面的考慮，我希望有一個較小的CSS文件（Widget.css），它只公開實際使用的CSS選擇器由小部件。模塊化大型CSS文件和聚合較小的CSS文件的工具

是否有任何運行時工具我可以使用（如可能爲Chrome，FF或IE瀏覽器插件），將分析CSS依賴和幫助我打破了由盟一個Widget.css文件的CSS？ Widget.css基本上將成爲名爲「Site.css」的新CSS文件的基類。

然後，我想有一個工具，可以讓我將Widget.css（基類）和Site.css（派生類）拼接到Mondo.css（聚合類）中。

來源

2012-04-28 Armchair Bronco

回答我自己的問題。 「Dust Me Selectors」 Firefox的插件幾乎可以滿足我的需求。它分析一個實時頁面，併爲您提供單獨的已用和未用選擇器列表。

我可以手動通過這個列表來做我需要做的事情。

https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/

http://www.brothercake.com/dustmeselectors/

來源

2012-04-29 23:41:54

更多信息：對於第二個問題（聚集），我能夠用快活2.0做到這一點。以前，我只使用Chirpy 2.0來完成JS文件聚合和縮小，但事實證明，我可以創建一個mondo.chirp.config文件，其中包含widget.chirp.less和site.chirp.less引用。它將擴展所有無變量，然後將這兩個文件縫合在一起。 http://chirpy.codeplex.com/releases/view/79914 – 2012-04-30 04:46:58

模塊化大型CSS文件和聚合較小的CSS文件的工具

回答

相關問題