JSON 파일이나 typescript 파일에서 CSS 변수를 정의하는 방법은 무엇입니까?

.someClass { 
    background-image: $imageLink; 
    color: $someColor; 
}

그리고 난 내 클래스 또는 JSON 파일에 someColor을 $ IMAGELINK를 정의하려면 및 $ : 뭔가있다.

Sass 또는 Less없이이 작업을 수행 할 수 있습니까? (또는 IE에서 지원되지 않기 때문에 CSS 변수가 없습니다.)

저는 프로젝트에서 angular2와 webpack을 사용하고 있습니다.

당신은 http://cssnext.io/을 사용할 수와 함께 테마를 변경할 수 있습니다 JS에서 이제

.darktheme .someClass { color: white; } .lighttheme .someClass { color: black; }

을 가질 수 있지만, 여전히 "뭔가"를 사용하고, 당신은 할 수 없습니다 아직 지원되지 않는 다른 도구는 없습니다. – GillesC

왜 이렇게하고 싶은지에 대한 사례 연구를 제공 할 수 있습니까? –

물론 SASS 변수가 런타임에 컴파일 될 수 없기 때문에 SASS 변수가 이미 컴파일되었으므로 설정할 수 없습니다.

고전적인 접근 방식은 대신 "테마"로 생각하고 상위 수준 요소 (예 : 본문)의 클래스에서 테마를 선택하는 것입니다. 그래서 당신은 당신이

document.body.classList.add('darktheme');

2016-11-04 17:12:10

답변