Ich habe gerade diesen neuen Job angefangen, bei dem ich als Designer die CSS-Datei für unsere Web-App pflegen muss. Momentan erstreckt es sich über fast 7000 Zeilen, wiegt mehr als 160 KB und hat Hunderte von wichtigen Regeln.

Ich möchte die Datei reorganisieren, in Unterabschnitte aufteilen, bereinigen und ihre Syntax homogenisieren.

Aber es scheint ein großes Unterfangen zu sein und die Datei und die App sind so groß und komplex, dass ich mich frage, ob es überhaupt machbar ist, ohne etwas zu beschädigen (und es nicht zu sehen).

Ich habe die Datei mit Online-Tools überprüft und es scheint, dass ich eine Art automatisiertes Refactoring verwenden kann, ohne zu viel Risiko einzugehen. Ich habe auch ein paar Tools ausprobiert, um zu überprüfen, ob Selektoren tatsächlich verwendet werden. Das Problem ist, dass diese Web-App vollständig in Javascript geschrieben ist. Das Ganze ist also dynamisch und reguläre Tools sind praktisch unbrauchbar (keine richtigen Links, keine Sitemap) usw.)

Habt ihr Empfehlungen, wie es weitergehen soll, wo ich anfangen soll und ob es sich überhaupt für mich lohnt?