constyble

konstilasi

Linter kompleksitas CSS, berdasarkan CSS-analyzer. Jangan biarkan CSS Anda tumbuh melampaui ambang batas yang Anda berikan.

Instalasi

npm install constyble
# or
yarn add constyble

Penggunaan

Kami membutuhkan konfigurasi dengan ambang batas dan CSS untuk membandingkannya.

 # 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

Hasilnya akan terlihat seperti hal seperti ini:

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

Perhatikan bahwa contoh ini hanya menggunakan 1 tes (pemilih ID total).

File konfigurasi

Constyble akan mencoba mengambil file .constyblerc di direktori Anda saat ini. Anda juga dapat menentukan file konfigurasi JSON yang berbeda dengan opsi --config (lihat Penggunaan). Konfigurasi JSON harus terlihat mirip dengan ini:

 {
	// 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" ]
}

Semua opsi yang mungkin untuk file konfigurasi dapat ditemukan di @ProjectWallace/CSS-Analyzer. Komentar JSON diperbolehkan.

Reporter khusus

Secara default, Constyble akan melaporkan dalam format tap, tetapi Anda dapat menyalurkan output ke sesuatu yang mungkin Anda temukan lebih cantik, seperti tap-nyan, tap-dot atau penerima tap lainnya.

tap-nyan

$ constyble style.css | tap-nyan

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

Penggunaan di CI

Jika ada tes yang gagal, Constyble akan keluar dengan kode keluar yang tidak nol. Saat Anda menjalankan konstilasi dalam build CI Anda, ini dapat menyebabkan build gagal. Inilah yang dirancang untuk dilakukan oleh Constyble.

Contoh penggunaan dengan package.json:

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

Namanya

Constyble adalah campuran dari gaya kata dan polisi. Paket ini seperti petugas polisi (polisi) untuk gaya Anda. Sebelumnya paket ini disebut Gromit, tetapi itu dijatuhkan karena terlalu erat terkait dengan proyek 'Wallace' utama yang menjadi bagian dari paket ini.

Proyek terkait

• CSS Analyzer - penganalisa yang mendukung modul ini
• Wallace CLI - Alat CLI untuk @ProjectWallace/CSS -Analyzer
• CSS Analyzer Diff - Menghitung diff antara dua set analisis CSS
• Warna Sorter - Urutkan Warna CSS berdasarkan Hue, Saturation, Lightness and Opacity

Lisensi

MIT © Bart Veneman