模块化大型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文件的工具

回答

相关问题