2017-11-21 1 views
0

Mein Team hasst eine Konvention, die wir verwenden müssen. Wir müssen alle CSS in alphabetischer Reihenfolge exportieren, aber wir können in unserem SCSS arbeiten und müssen es nicht teilen, also ist es wichtig, dass css bestellt wird.Es gibt eine Möglichkeit, alphabetisch in Gulp Sass zu bestellen?

Es gibt einen Weg im Schluck (wir arbeiten mit Schluck-Sass), um neu zu ordnen, wenn css verarbeitet wird?

Hinweis: Ich denke alphabetische Reihenfolge schrecklich sogar bessere Lesbarkeit, ist es besser, zu einer Gruppe von Typ (zB: Box-Modell-Eigenschaften, Texteigenschaften, ...)

+0

_Wenn eine solche (Unsinns-) Konvention verwendet wird, dann normalerweise, damit Entwickler Eigenschaften im Quellcode schneller finden können, mit denen sie arbeiten - das wäre in diesem Fall Ihr _SASS_. Welchen Sinn soll es haben, das nur auf die Ausgabe anzuwenden? – CBroe

+0

Weil es zwei verschiedene komplette Schritte gibt: 1) wir kodieren in SASS; 2) Sie greifen auf unser CSS zu. 1) Wir möchten nicht alphabetisch bestellen; 2) Es ist eine Konvention zu verwenden. Es ist kein Standardprozess, weil wir im Grunde nicht für ein bestimmtes Projekt und die gleiche Umgebung arbeiten. Also, die Frage ist: Können wir nach Art der Immobilie in SASS bestellen und einen endgültigen CSS-Besteller alphabetisch bekommen? –

+0

Btw, alphabetische Reihenfolge ist eine berühmte Konvention in CSS. Ich stimme überhaupt nicht zu, aber manchmal müssen wir uns vielleicht damit befassen. –

Antwort

1

Sie benötigen

gulp-csscomb

Wahrscheinlich mit dieser Option, nachdem Sie haben Ihre CSS:

.pipe(csscomb({"sort-order-fallback": "abc"})) 

Siehe sort-order configuration for csscomb

+0

Danke! Ich brauche es, um Optionen in CSS-Module zu setzen und die Sortierreihenfolge zu entfernen. Müssen Sie testen, um es in der Schluckdatei zu machen. {"sort-order-fallback": "abc", "Sortierreihenfolge": ["..."]} –

+0

Wir müssen eine .csscomb.json-Datei im Stammordner (oder auf derselben Ebene) hinzufügen, um den Standardwert zu überschreiben Definitionen. Es funktioniert. Vielen Dank ;) –

Verwandte Themen