Question

我最近开始研究一个由不同开发人员多次构建和重建的Web应用程序项目。每次构建新版本时，都会保留旧版本的样式表，并且只是被新样式表覆盖。截至今天，我有以下表格：

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太大了。

我想知道是否有可能只保留＆＃34;有效＆＃34;这个CSS中的规则。我一直在考虑使用网络浏览器，因为它知道哪些规则是“活跃的”，但我不知道如何将所有可能的活动规则提取到一个新的，更清晰，更轻的样式表< / p>

Answer 1

<强>咕噜-uncss

使用UnCSS从项目中删除未使用的CSS的艰巨任务。适用于多个文件，并支持通过PhantomJS动态注入CSS。