constyble 다운로드 - constyble 소스 코드 다운로드

constyble

기타 카테고리

Update dependencies

다운로드

Constyble

CSS-Analyzer를 기반으로 한 CSS 복잡성 Linter. 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 구성 파일을 지정할 수도 있습니다 (사용법 참조). config 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은 탭 형식으로보고하지만 탭-얀, 탭-도트 또는 기타 탭 리포터와 같이 더 예쁘게 찾을 수있는 출력을 파이프 할 수 있습니다.

탭-얀

$ constyble style.css | tap-nyan

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

CI의 사용

테스트가 실패하면 Constyble은 0이 아닌 출구 코드로 종료됩니다. CI 빌드에서 Constyble을 실행하면 빌드가 실패 할 수 있습니다. 이것이 바로 Constyble이 설계된 것입니다.

package.json의 예제 사용

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

이름

Constyble은 단어 스타일과 불변의 혼합입니다. 이 패키지는 스타일을위한 경찰관 (Constable)과 같습니다. 이전에는이 패키지가 Gromit이라고 불렀지만이 패키지는이 패키지가 일부인 주요 'Wallace'프로젝트와 너무 밀접하게 관련되어 있기 때문에 삭제되었습니다.