über den Knoten Build-Tools in dynamischen Websites nicht verwendete CSS Entfernen

Question

Es gibt einen Weg mit nicht verwendeter CSS entfernen uncsshttps://github.com/giakki/uncss

und einen ausgezeichneten Blog-Beitrag zum Thema: http://addyosmani.com/blog/removing-unused-css/ Allerdings sehe ich nicht, wie Sie kombinieren würden Dieser Ansatz dynamischer Inhalt (zum Beispiel von eckigen Direktiven oder asynchronen Seiten geladen generiert), die von der Uncss-Modul verpasst werden.

Gibt es einen optimalen Weg, um dies zu erreichen, ich möchte nicht manuell gehen und entfernen Sie alle bootstrap css Ich benutze nicht.

Answer 1

Meine beste Empfehlung wäre Erstellen Sie ein paar statische Seiten mit Beispielen für alle Markup, die Sie benötigen, und führen Sie uncss dagegen.

Auch wenn der Inhalt dynamisch oder asynchron geladen ist, sollten Sie ziemlich genau wissen, welche Inhalte möglich sind.

Zum Beispiel: Wahrscheinlich werden Sie sehr wahrscheinlich grundlegende Textformatierungen, Überschriften, Rich-Text-Inhalte, Listen, Links, Bilder usw. benötigen. Je nach Thema Ihrer Website werden Sie auch wissen, ob Sie müssen Anzeige von Codebeispielen innerhalb von <code>, <kbd> oder <pre> Tags.

Es ist jedoch nicht so wahrscheinlich, dass dynamischer Inhalt direkt das Raster-/Layout-System selbst verwenden müsste oder irgendwelche überflüssigen Schaltflächenstile erfordern würde.

Erstellen Sie eine Testseite, die alles enthält, was Sie erwarten. Wenn du weißt, dass es etwas gibt, das du behalten möchtest, dann schmeiße es hinein. Ansonsten kannst du sicher sein, dass es unwissentlich macht, alles andere zu säubern.