GWT 的 CSS 冗余检查器答案

【问题标题】：CSS Redundancy checker for GWTGWT 的 CSS 冗余检查器
【发布时间】：2010-03-23 14:36:25
【问题描述】：

在我的项目中，我有很多 CSS 样式。其中一些从未使用过（不再使用）。我用eclipse手动检查：我选择文本，然后用“搜索->文本->项目”我可以找到，如果这种样式只出现在样式表或java文件中。有没有更好的方法来检查我的 GWT 项目中当前使用了哪些样式？

编辑： @Igor，Keith：感谢您的提示，但我没有使用 CssResource 插入我的 css 文件。相反，我使用我的 index.html。我想删除未使用的样式只是为了更好地概览。 CssResource 不完全是，我在找什么。

【问题讨论】：

【解决方案1】：

如果您使用CssResource 注入您的 css 文件，GWT 将为您处理未使用的样式（就像在未使用代码的情况下一样）。默认情况下，它也会对其进行混淆，因此请注意这一点。有关全面说明，请参阅the docs。

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

【讨论】：

【解决方案2】：

GWT 2.0 添加了一个名为 ClientBundle 的功能，这是一种用于捆绑资源文件（例如图像和 CSS）的通用机制。如果您将 CSS 文件与 ClientBundle 捆绑在一起（通过 CssResource 类），GWT 编译器实际上会在未使用的 CSS 选择器上生成错误。

文档有点粗糙，但这里是 GWT 文档的相关部分：

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

【讨论】：

【解决方案3】：

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

【讨论】：