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" : " * "
	}
}