我的站点有一个 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(聚合类)。
最佳答案
回答我自己的问题。 Firefox 的 “Dust Me Selectors” 插件几乎可以满足我的需要。它解析实时页面并为您提供已使用和未使用的选择器的单独列表。
我可以手动浏览此列表来完成我需要做的事情。
https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/
关于css - 用于模块化大型 CSS 文件和聚合小型 CSS 文件的工具,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10367203/