html - 有没有办法清理 CSS 样式表，以便只保留事件样式

Question

我最近开始从事一个网络应用元素，该元素已由不同的开发人员多次构建和重建。每次构建新版本时，旧版本的样式表都会保留下来，并简单地被新样式表覆盖。截至今天，我有以下表格:

style.css - 2009
styleV2.css - 2011
styleV3.css - 2012
mobile.css - 2013
tablet.less - 2014
main.less - 2014

我设法构建了一个 main.less 文件，它要求所有内容都以正确的顺序排列，然后我编译成 CSS 并将其缩小，这样我就只有一个压缩文件，但即使这样，它也太大了(超过 250kb 的压缩 css!!)。

我知道这些样式表中可能有 50% 的规则未被使用，因为它们被其他样式表覆盖了一次或多次。进行一些手动删除工作量太大，应用程序和 CSS 太大了。

我想知道是否可以在这个 CSS 中只保留“事件”规则。我一直在考虑以某种方式使用 Web 浏览器，因为它知道哪些规则是“事件的”，但我不知道如何将所有可能的事件规则提取到一个新的、更清晰、更轻便的样式表中

Answer 1

grunt-uncss

https://github.com/addyosmani/grunt-uncss

使用 UnCSS 从您的元素中删除未使用的 CSS 的艰巨任务。跨多个文件工作，并支持通过 PhantomJS 动态注入(inject) CSS。