constyble下載 - constyble源代碼下載

constyble

其他類別

Update dependencies

下載

構成

基於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選擇器）。

配置文件

構造將嘗試在當前目錄中獲取.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評論。

自定義記者

默認情況下，構成將以TAP格式報告，但是您可以將輸出輸送到可能更漂亮的東西中，例如Tap-nyan，Tap-Dot或任何其他Tap-Reporter。

Tap-nyan

$ constyble style.css | tap-nyan

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

在CI中使用

如果任何測試失敗，構成將使用非零退出代碼退出。當您在CI構建中構成構成時，這可能會導致構建失敗。這正是構成要做的。

package.json的示例用法：

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