Greg Kohn befasst sich damit, wie Purgecss – ein Tool, das hilft, ungenutzte Stile zu entfernen – und Tailwind – ein auf Dienstprogrammen basierendes CSS-Framework – verwendet wird und warum wir diese Tools vielleicht zusammen einsetzen möchten.
Tailwind zielt per Design darauf ab, Sie mit einem Arsenal an Utility-Klassen auszustatten, indem es mehr generiert, als Sie benötigen. Es gibt einige Best Practices, die dazu beitragen, die Gesamtgröße des Builds gering zu halten, wie z. B. die Begrenzung von Farben und Breakpoints oder das Deaktivieren von Modulen standardmäßig, bevor sie nach Bedarf hinzugefügt werden. Dennoch werden Sie unweigerlich Klassen generieren, die ungenutzt bleiben. Und ehrlich gesagt, eine rücksichtslose, geizige Haltung bei Ihrer Konfiguration wird Sie verlangsamen und die Entwicklung weniger spaßig machen. Durch den Einsatz von Purgecss müssen Sie sich keine Sorgen machen, dass das von Ihren Benutzern heruntergeladene CSS nur Klassen enthält, die letztendlich benötigt werden.
Ich habe noch nie Tailwind oder Purgecss verwendet, aber ich vermute, letzteres könnte besonders nützlich sein, wenn Sie eine riesige alte Codebasis haben und nicht die Ressourcen haben, Dinge gerade erst zu refaktorisieren. Ich vermute, meine einzige Sorge bei der Einführung eines solchen Tools ist, dass es die Leute dazu ermutigen könnte, große und problematische Bereiche ihrer Stile nicht zu refaktorisieren – stattdessen den sichersten Weg mit diesem Tool zu wählen.
Für weitere Informationen über Tailwind schrieb Ben Tinsley vor einiger Zeit einen großartigen Beitrag darüber, wie man anfängt, und Nick Basile zeigte uns, wie man ein Formular mit Tailwind stylt.