constyble Download - constyble Source Code Download

constyble

Andere Kategorien

Update dependencies

Herunterladen

Constyble

Ein CSS-Komplexitäts-Linter, basierend auf CSS-Analyzer. Lassen Sie Ihr CSS nicht über die von Ihnen angebotenen Schwellenwerte hinauswachsen.

Installation

npm install constyble
# or
yarn add constyble

Verwendung

Wir benötigen eine Konfiguration mit Schwellenwerten und CSS, um sie mit zu vergleichen.

 # Default usage (assuming a .constyblerc file in the current directory)
$ constyble style.css

# Read from StdIn (assuming a .constyblerc file in the current directory)
$ cat style.css | constyble

# Custom config
$ constyble style.css --config my-config.json

Das Ergebnis wird so aussehen wie so:

TAP version 13
# Subtest: selectors.id.total
    ok 1 - selectors.id.total should not be larger than 0 (actual: 0)
    1..1
ok 1 - selectors.id.total # time=6.024ms

1..1
# time=15.076ms

Beachten Sie, dass in diesem Beispiel nur 1 Test (Gesamt -ID -Selektoren) verwendet wird.

Konfigurationsdatei

Constyble wird versuchen, eine .constyblerc -Datei in Ihrem aktuellen Verzeichnis zu holen. Sie können auch eine andere JSON -Konfigurationsdatei mit der Option --config angeben (siehe Verwendung). Die Konfiguration JSON sollte dem ähnlich aussehen:

 {
	// Do not exceed 4095, otherwise IE9 will drop any subsequent rules
	"selectors.total" : 4095 ,
	"selectors.id.total" : 0 ,
	"values.colors.totalUnique" : 2 ,
	"values.colors.unique" : [ "#fff" , "#000" ]
}

Alle möglichen Optionen für die Konfigurationsdatei finden Sie unter @ProjectWallace/CSS-Analyzer. JSON -Kommentare sind erlaubt.

Benutzerdefinierter Reporter

Standardmäßig berichtet Constyble im TAP-Format, aber Sie können die Ausgabe in etwas leiten, das Sie möglicherweise finden, wie TAP-NYAN, TAP-DOT oder einen anderen Tap-Reporter.

tap-nyan

$ constyble style.css | tap-nyan

 1   -_,------,
 0   -_ |   / _ /
 0   -^ | __( ^ .^)
     -  " "  " "
  Pass !

Verwendung in CI

Wenn ein Test fehlschlägt, wird Constyble mit einem Exit-Code ungleich Null beendet. Wenn Sie Constyble in Ihren CI -Builds laufen lassen, kann dies dazu führen, dass der Build scheitert. Genau das war Constyble entwickelt.

Beispiel Verwendung mit package.json:

{
	"name" : " my-package " ,
	"version" : " 0.1.0 " ,
	"scripts" : {
		"test" : " constyble compiled-styles.css "
	},
	"devDependencies" : {
		"constyble" : " * "
	}
}

Der Name

Constyble ist eine Mischung aus den Wörtern Stil und Constable. Dieses Paket ist wie ein Polizist (Constable) für Ihre Stile. Früher wurde dieses Paket Gromit genannt, aber das wurde fallen gelassen, weil es zu eng mit dem Hauptprojekt "Wallace" zusammenhängt, zu dem dieses Paket gehört.