用于模块化大CSS文件的工具&聚合较小的CSS文件

时间:2012-04-28 20:19:41

标签: css browser less aggregation

我的网站有一个mondo大小的CSS文件,其中包含网站范围的CSS选择器。这个单个文件( Mondo.css )运行良好,因为我希望用户点击一次以下载这个大文件。

但是,我最近制作了一个窗口小部件控件,它从网站公开了一小部分功能,出于性能原因,我希望有一个较小的CSS文件( Widget.css )只暴露小部件实际使用的CSS选择器。

我可以使用运行时工具(可能作为Chrome,FF或IE的浏览器插件)分析CSS依赖项并帮助我从Mondo.css中分出一个Widget.css文件? Widget.css本质上将成为名为“ Site.css ”的新CSS文件的基类。

然后,我希望有一个工具可以让我将Widget.css(基类)和Site.css(派生类)拼接到Mondo.css(聚合类)中。

1 个答案:

答案 0 :(得分:1)

回答我自己的问题。适用于Firefox的“Dust Me Selectors”插件可以满足我的需求。它解析实时页面,并为您提供已使用和未使用的选择器的单独列表。

我可以手动浏览此列表以执行我需要执行的操作。

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

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