css压缩器和分解

Question

我正和一位朋友在一个带有巨大CSS文件的项目上工作。 有很多重复，如：

h1 {
  color : black;
}

h1 {
  color : blue;
  width: 30px;
}

可以删除第一个h1，因为它永远不会被使用，因为第二个完全重写了。 （因为它在同一个CSS文件中）

我知道它是否存在一种能够分解（和压缩）这种东西的工具。 只有最后：

h1 {color:blue;width:30px}

PS：如果它可以是一个在线工具，它将是完美的！

Answer 1

红宝石中有一个很好的：http://zmoazeni.github.io/csscss

在node.js中：https://github.com/rbtech/css-purge

两者都非常容易在命令行中使用。

这也很不错：http://cssmerge.sourceforge.net

Firefox的插件：https://addons.mozilla.org/en-us/firefox/addon/css-usage

Answer 2

首先你可以试试

• CSS usage checker

然后尝试这些

• CSS Compressor
• Javascript Compressor

Answer 3

如果您使用的是Firefox，则可以使用此插件来帮助您实现它。

https://addons.mozilla.org/en-us/firefox/addon/css-usage/

它创建了一个新的css，告诉你只使用了规则和副线未使用的规则。它还允许您导出该CSS。