constybleダウンロードconstybleソースコードのダウンロード

constyble

その他のカテゴリー

Update dependencies

ダウンロード

Constyble

CSS-Analyzerに基づいたCSS複雑なリナー。 CSSが提供するしきい値を超えて成長させないでください。

インストール

npm install constyble
# or
yarn add constyble

使用法

それを比較するには、しきい値とCSSを備えた構成が必要です。

 # 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

結果は次のようになります：

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

この例では、1つのテスト（合計IDセレクター）のみを使用することに注意してください。

構成ファイル

Constybleは、現在のディレクトリに.constyblercファイルを取得しようとします。 --configオプションを使用して、別のJSON構成ファイルを指定することもできます（使用法を参照）。構成jsonはこれに似ているはずです：

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

構成ファイルのすべての可能なオプションは、 @ProjectWallace/CSS-Analyzerにあります。 JSONのコメントは許可されています。

カスタムレポーター

デフォルトでは、ConstybleはTAP形式でレポートしますが、Tap-Nyan、Tap-Dot、またはその他のタップレポーターなど、よりきれいなものに出力をパイプすることができます。

タプニャン

$ constyble style.css | tap-nyan

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

CIでの使用

テストが失敗した場合、Constybleはゼロ以外の出口コードで終了します。 CIビルドでConstybleを実行すると、ビルドが失敗する可能性があります。これはまさにConstybleが設計されたものです。

Package.jsonでの使用例：

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