2010-03-23 23 views
3

Dans mon projet, j'ai beaucoup de styles CSS. Certains d'entre eux ne sont jamais utilisés (plus maintenant). Je vérifie cela manuellement avec eclipse: je sélectionne le texte, puis avec "Recherche -> Texte -> Projet" je peux trouver, si ce style se produit uniquement dans la feuille de style ou aussi dans les fichiers java. Yat-il un meilleur moyen de vérifier, quels styles sont actuellement utilisés dans mon projet GWT?Vérificateur de redondance CSS pour GWT

modifier: @ Igor, Keith: Merci pour l'astuce, mais je ne suis pas à l'aide du CssResource pour insérer mon fichier css. Au lieu de cela, j'utilise mon index.html. Et je veux enlever les styles inutilisés juste pour un meilleur aperçu. CssResource n'est pas exactement, ce que je cherche.

Répondre

0

Je suis toujours à la recherche d'une meilleure solution. Pour résoudre le problème, j'ai utilisé le terminal Linux à la place d'Eclipse pour la recherche et c'était plus rapide.

1

Si vous utilisez CssResource pour injecter votre fichier css, GWT gérera l'élagage des styles inutilisés pour vous (comme dans le cas de code inutilisé). Il sera également par défaut obscurcir, alors faites attention à cela. Pour une explication complète, voir the docs.

CssResource fonctionne mieux en combinaison avec UiBinder. Je recommande les deux - vous obtenez même des fonctionnalités géniales comme des erreurs de compilation quand vous manquez un style CSS dans vos fichiers xml UiBinder (ou vous l'avez mal orthographié), entre autres choses cool/awesome - encore une fois, vérifiez the docs pour la liste complète .

+0

voir mon article édité. – cupakob

1

GWT 2.0 a ajouté une fonctionnalité appelée ClientBundle, qui est un mécanisme générique pour regrouper des fichiers de ressources tels que des images et CSS. Si vous regroupez des fichiers CSS avec ClientBundle (via la classe CssResource), le compilateur GWT peut réellement générer des erreurs sur les sélecteurs CSS inutilisés.

La documentation est un peu rude, mais voici la partie pertinente des GWT docs:

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

En plus de détecter les sélecteurs manquants, CssResource complète également les CSS lui-même, vous permettant d'utiliser des constantes et conditionals dans votre CSS, vous permettant même de spécifier des styles différents selon le navigateur utilisé. Il fournit également l'obfuscation et la minification, entre autres choses.

+0

Ah, tu m'as battu, Igor. Je suppose que j'ai besoin de rafraîchir avant de soumettre une réponse. :-) –

+0

voir mon article édité. – cupakob