Libsass: node-sass 4.0.0으로 업데이트한 후 CSS 모듈이 더 이상 작동하지 않습니다.

이 프로젝트는 Sass 언어의 구현입니다. 우리의 목표는 Sass와 100% 호환되는 것입니다. Ruby Sass가 동일한 출력을 생성하므로 이 문제를 종료합니다. 앞으로 문제를 열기 전에 LibSass의 출력이 Ruby Sass와 다른지 확인하십시오.

Sass 언어로 된 파일 버그의 기능을 제안하려면 Sass에서 문제를 여십시오 - https://github.com/sass/sass

패치된 버그로 인해 LibSass로 컴파일 중이었습니다. 이 코드는 유효한 Sass가 아니며 컴파일해서는 안 됩니다. Ruby Sass로 코드를 테스트하여 이를 확인할 수 있습니다.

:global
    .my-global-class-name
        background-color: red

Error: Properties are only allowed within rules, directives, mixin includes, or other properties.
       If ":global" should be a selector, use "\:global" instead.
        on line 1 of test.sass
  Use --trace for backtrace.

Ruby Sass 오류 메시지는 우리보다 훨씬 낫고 해결 방법을 제안합니다. 이 동작을 변경하려면 Ruby Sass 로 기능 요청을 열어야 합니다.

CSS 모듈 구문은 scss 형식에서 유효합니다.

:global {
    .my-global-class-name {
        background-color: red
    }
}

@xzyfer :global 이 유효한 Sass가 아닌 이유를 아십니까? 이것은 유효한 CSS 선택기이며 웹 구성 요소를 작성할 때 더 많은 사람들이 :host 선택기를 사용하는 즉시 더 보편화될 것입니다.

@jhnns 여기에 몇 가지 다른 요소가 있습니다. OP는 이전 들여 쓰기 구문을 사용하고 있습니다.

:global
    .my-global-class-name
        background-color: red

해당 구문에서 :foo 선택자는 특별한 의미를 갖습니다. 이 의미는 CSS에 : 접두사가 포함된 선택기보다 거의 10년 앞서 있습니다. 위에서 말했듯이 이 동작을 변경하는 것은 LibSass의 범위에 속하지 않으며 공식 Sass 팀 에서 해결해야 합니다.

반면에 새로운 scss 구문은 (대부분) CSS의 상위 집합이 되도록 보장합니다. 이러한 이유로 : 접두사가 있는 선택기는 예상대로 작동합니다.

@delijah 콜론을 이스케이프하여 업그레이드한 후 다시 작동하도록 할 수 있었습니다.

\:global
    .my-global-class-name
        background-color: red

@mattfysh 확인할 수 있습니다. "\"를 사용하면 문제가 해결됩니다. 이제 내 sass-linter는 그것을 좋아하지 않습니다 ;) 나는 그것에 대한 문제를 열 ​​것입니다.