如何删除未使用的CSS但保留评论?

时间:2012-08-22 23:23:38

标签: css optimization stylesheet code-cleanup

我知道this question has been asked multiple times already,但我仍然找不到合适的解决方案。

我有一个巨大的 CSS文件,其中约有50%在我当前的网站中根本没有使用。它还包含许多我想保留的有价值的评论。

由于CSS文件的大小,只能识别未使用的CSS定义的工具不是很有用 - 我需要一个可以更改我未使用的定义的工具,这样我就可以应用正则表达式之后删除它们,或者删除我自己的未使用的定义。

CSS Usage在更改所有未使用的定义方面做得很好,我可以使用正则表达式轻松删除所有这些定义 - 问题是CSS Usage还会自动删除文件中的所有注释。

如何删除CSS文件中所有未使用的定义但保留所有注释?

1 个答案:

答案 0 :(得分:5)

我可以说我设法完全按照你的要求去做,但不是那么整洁! 事实上我修改了扩展代码(我不知道在这里是否可以接受:-D)但我知道如何让你复制它:-)!

我在扩展代码中注释了这一行

/* CssUsage.js : 110 */
cssSource = cssSource.replace(/\/\*[\S\s]*?\*\//g, "");

删除/* this is a comment */

等评论

它给了我this output

无论如何,如果你想复制这个...
- download the extension(保存到..)
- 使用winrar之类的任何应用程序打开下载的.xpi - 编辑chrome/content/cssusage/CssUsage.js并注释第110行 - 将其拖动到Firefox以重新安装

或者只需下载此xpi并将其拖至Firefox即可重新安装扩展程序! 也许你也可以尝试使用你提到的正则表达式删除UNUSED行 cssSource = cssSource.replace(/your regex/g, "");