Stylelint, 중첩되지 않은 규칙 앞에 빈 줄이 있고 중첩 된 규칙 앞에 빈 줄이 있습니까?

Question

지금이 작업을 수행하는 방법이 있습니까?

어떤 이유로 든 rule-nested-empty-line-before가 제거 된 것을 볼 수 있으므로 더 이상이 구성을 사용할 수 없습니까?

나는이가 중첩 된 이후

@media (max-width: 300px) { 

    .foo { 
     display: block; 
    } 
} 
@media (max-width: 600px) { 
    .bar { 
     display: block; 
    } 
} 

는 중첩되지 않은 이후 @media 전에 공간, .foo 전에없는 공간이 필요합니다 ... 오류가 발생하고 싶다.

Answer 1

rule-nested-empty-line-before 및 rule-non-nested-empty-line-before 규칙을 조합하여 버전 8.0.0에 새로운 rule-empty-line-before 규칙을 형성했습니다. 이 규칙을 사용하여 .foo {} 및 .bar {} 규칙 앞에 빈 줄을 제어 할 수 있습니다.

@media은 규칙에 있으므로 빈 줄을 제어하기 전에 at-rule-empty-line-before 규칙을 사용해야합니다.

규칙의 이름과 함께 작동하는 방법에 대해 알아볼 수 있습니다 in this section of the User Guide.

중첩되어 있지 않으므로 @media 앞에 공백이 있어야하고 중첩되어 있으므로 .foo 앞에 공백이 없어야합니다. 마음에 위의와

, 즉의 구성은 다음과 같아야합니다

{ 
    "rules": { 
    "at-rule-empty-line-before": ["always"], 
    "rule-empty-line-before": ["always", { 
     except: ["first-nested"] 
    }] 
    } 
} 

다른 방법으로, 문체 규칙에 대한 합리적인 기본값을 가지고있는, stylelint-standard-config를 사용할 수 있습니다.