我正在和一个朋友一起做一个包含巨大 CSS 文件的项目。有很多重复,例如:
h1 {
color : black;
}
h1 {
color : blue;
width: 30px;
}
第一个h1
可以删除,因为它永远不会被使用,因为被第二个完全重写。(因为它在同一个 CSS 文件中)
我会知道它是否存在分解(和压缩)这类东西的工具。只有在最后:
h1 {color:blue;width:30px}
PS:如果能做在线工具就完美了!
我正在和一个朋友一起做一个包含巨大 CSS 文件的项目。有很多重复,例如:
h1 {
color : black;
}
h1 {
color : blue;
width: 30px;
}
第一个h1
可以删除,因为它永远不会被使用,因为被第二个完全重写。(因为它在同一个 CSS 文件中)
我会知道它是否存在分解(和压缩)这类东西的工具。只有在最后:
h1 {color:blue;width:30px}
PS:如果能做在线工具就完美了!
ruby 中有一个不错的: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
如果您使用的是 Firefox,则可以使用此插件来帮助您实现它。
https://addons.mozilla.org/en-us/firefox/addon/css-usage/
它创建了一个新的 css,它告诉你只使用了规则并排除了未使用的规则。它还允许您导出该 css。