GWT的CSS冗余检查器

时间:2010-03-23 14:36:25

标签: css gwt redundancy

在我的项目中,我有很多css样式。其中一些从未使用过(不再使用)。我用eclipse手动检查:我选择文本然后选择“搜索 - >文本 - >项目”我可以找到,如果这种风格只出现在样式表中或者也出现在java文件中。有没有更好的方法来检查,我的GWT项目目前使用哪些样式?

修改 @ Igor,Keith:感谢提示,但我没有使用CssResource来插入我的css文件。相反,我使用我的index.html。我想删除未使用的样式只是为了更好地概述。 CssResource并不完全是我正在寻找的。

3 个答案:

答案 0 :(得分:1)

如果使用CssResource注入css文件,GWT将为您处理修剪未使用的样式(就像未使用的代码一样)。它也会默认对其进行模糊处理,因此请注意这一点。有关综合解释,请参阅the docs

CssResourceUiBinder结合使用效果最佳。我推荐两者 - 当你在UiBinder xml文件中缺少CSS样式(或者你拼错了它)时,你甚至会得到很酷的功能,如编译时错误,以及其他很酷/很棒的东西 - 再次,检查the docs完整列表。

答案 1 :(得分:1)

GWT 2.0增加了一项名为 ClientBundle 的功能,这是一种捆绑资源文件(如图像和CSS)的通用机制。如果使用ClientBundle(通过CssResource类)捆绑CSS文件,GWT编译器实际上可以在未使用的CSS选择器上生成错误。

文档有点粗略,但这里是GWT文档的相关部分:

http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html#Strict_scoping

除了检测缺少的选择器之外,CssResource还补充了CSS本身,允许您在CSS中使用常量和条件,甚至允许您根据使用的浏览器指定不同的样式。除此之外,它还提供混淆和缩小。

答案 2 :(得分:0)

我仍在寻找更好的解决方案。为了解决这个问题,我使用了linux终端而不是eclipse进行搜索,而且速度更快。