Refactoring und Entfernen von nicht verwendetem CSS aus SASS / LESS-Dateien

8

Ich arbeite an einer großen Einzelseitenanwendung [backbonejs and rails] , die LESS als CSS-Präprozessor hat und die generierten .css-Dateien sind so stark gewachsen, dass wir sie für IE teilen müssen es in 3 Dateien mit Ссылка

Obwohl es Werkzeuge gibt, um unbenutzte CSS- und Linting-CSS zu erkennen, kann ich keine richtige Lösung finden, um LESS / SASS-Dateien direkt aus nicht kompilierten Dateien zu refactorieren anstatt aus einer einzigen großen .CSS-Datei.

Möchten Sie wissen, was der beste Ansatz für diese Aufgaben ist?

Vielen Dank im Voraus!

    
Imran Khan 28.12.2013, 05:03
quelle

2 Antworten

7
  1. Zum Suchen und Entfernen von nicht verwendetem CSS Uncss , das als Aufgabe für Grunt and Gulp implementiert wurde
  2. Um ungenutzte Variablen in Ihrem SASS / LESS-Code zu finden - ein Skript wie dieses .
  3. Für Debug-Quelldateien wurde stattdessen eine css- Quellkarten erstellt
  4. Um Ihren Code zu minimieren, verwenden Sie komprimierte Ausgabestile
  5. Um Hersteller-Präfixe für Browser in Ihrem CSS automatisch hinzuzufügen, verwenden Sie Autoprefixer
  6. Im Allgemeinen: Grunt oder Gulp bauen für dein CSS

S.S .: Einige der Links sind nur für SASS-for Less gibt es ähnliche Lösungen, die leicht zu finden sind.

    
Serg Hospodarets 29.12.2014 10:56
quelle
1
  

Ich verwende Koala, um SASS, LESS, CSS, JS

zu minimieren und zu kombinieren

siehe Koala und Dokumente

    
Mehdi Rostami 10.08.2014 14:29
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Go - Akzeptieren von http-Post-Multipart-Datei (en)