Chris Coyier hat am 17. Oktober 2017 den gemeinsamen Einsatz von Prettier und Stylelint für CSS beschrieben. Sein Praxisbeitrag trennt automatische Formatierung von sichtbaren Warnungen, etwa bei ungültigen Hex-Farbwerten. Die Werkzeuge erfüllen unterschiedliche Aufgaben, ihre Korrekturfunktionen überschneiden sich jedoch.
Coyier erläutert die Einbindung über Editor-Erweiterungen und lokal installierte Node-Pakete. Ein Node-basierter Entwicklungsablauf verlangt dabei keinen Node-Server im späteren Produktionssystem. Außerdem empfiehlt er, bereits durch Prettier erledigte Formatierungsprüfungen nicht unnötig doppelt zu melden.
Stylelint 8.2 korrigiert auch automatisch
Die offiziellen Release Notes zu Stylelint 8.2.0 vom 5. Oktober 2017 nennen automatische Korrekturen für Syntaxfehler in gewöhnlichem CSS, etwa nicht geschlossene Klammern. Auch die Regel length-zero-no-unit erhält eine Autofix-Funktion. Die Aussage, Stylelint würde grundsätzlich nur warnen, wäre für diesen Versionsstand falsch.
Schon Stylelint 6.0.1 prüfte CSS anhand konfigurierbarer Regeln. Eine gemeinsame Konfiguration legt fest, welche Abweichungen im Projekt beanstandet werden. Daraus folgt nicht, dass jeder gemeldete Verstoß automatisch korrigiert werden kann oder dass ein Formatter sämtliche Fehler erkennt.
Prettier begrenzt Formatierung auf markierte Dateien
Prettier hatte mit Version 1.7 vom 15. September 2017 die Option --require-pragma eingeführt. Sie formatiert nur Dateien mit einem passenden Kommentar wie @prettier oder @format. Das Release normalisiert außerdem die Schreibweise vieler CSS-Bestandteile, lässt aber unter anderem SCSS- und Less-Variablennamen unverändert.
Für Teams mit browserbasierten Spieloberflächen lassen sich dadurch Formatierungsänderungen und fachliche Änderungen getrennt prüfen. Eine erfolgreiche Formatierung ist allerdings kein Nachweis für korrektes Layout oder fehlerfreie Interaktion. Dafür bleiben Tests im Browser notwendig; ein CSS-Linter prüft auch keine im Canvas gezeichnete Spielszene.
Archivhinweis: Der Beitrag dokumentiert die Werkzeugkombination im Oktober 2017. Die verlinkten Versionen sind keine aktuelle Installations- oder Update-Empfehlung. Das offizielle Prettier-Logo dient als Symbolbild, nicht als Screenshot einer damaligen Editor-Konfiguration.