Gibt es einen CSS Minifier, der Import-Anweisungen auflösen kann?

Question

Gibt es ein CSS-Minifier-Tool, das @import-Anweisungen auflösen kann?

Ich möchte in der Lage sein, mehrere CSS-Dateien auf meinem lokalen Rechner zu laden, aber sie alle in eine Datei aufzulösen, wenn die Website in die Produktion übertragen wird.

Answer 1

Sie können verwenden SASS mit der SCSS-Syntax. SASS ist viel mehr als ein Minifier: Es ist eigentlich ein CSS-Präprozessor, der der CSS-Syntax einige Extras wie Variablen oder Makros hinzufügt. Sie können diese Funktionen aber auch einfach ignorieren (obwohl ich Ihnen empfehle, einen Blick darauf zu werfen): Jede gültige CSS-Datei ist eigentlich gültiges SCSS.

SASS kann dann Ihr SCSS in gültiges CSS kompilieren, und es kann mehrere Dateien verwalten und eine einzige minifizierte .css-Datei ausgeben.

Sie können es erst einmal nur als Minifizierungswerkzeug ausprobieren und die erweiterten Funktionen nutzen, wenn Sie Lust zum Experimentieren haben.

Answer 2

Ich benutze seit kurzem LESS darüber hinaus imports ermöglicht Ihnen die Nutzung:

• Variablen
• Mischungen
• Parametrische Mixins
• Verschachtelte Regeln
• Betrieb
• Farbfunktionen
• Namespaces
• Umfang
• Kommentare
• Die Flucht

Bis jetzt bin ich mit meinen Erfahrungen mit LESS zufrieden.

Es ist einfach zu benutzen und die Seite ist mit guten Beispielen dokumentiert.

Answer 3

Css-compressor (basierend auf yuicompressor) inlined @import-Anweisungen - das ist in der Tat sein Hauptzweck:

https://github.com/samilyak/css-compressor

Answer 4

Die Granule-Bibliothek unterstützt @import in CSS. Sie können es hier nachlesen http://code.google.com/p/granule/