从JSON文件或打字稿文件定义CSS变量的方法？

Question

我想像在Sass中那样定义CSS变量。 就像是：

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

我想在我的类或json文件中定义$ imageLink和$ someColor。

我可以在没有Sass或更少的情况下做到这一点吗？ （或者没有css变量，因为IE中不支持它。）

我在我的项目中使用angular2和webpack。

Answer 1

当然，您不能在运行时设置SASS变量，因为到那时SASS已经被编译。

一种经典的方法是根据“主题”来思考，并在更高级别的元素（例如正文）上按类选择主题。 所以你可以

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

现在，您可以通过JS更改主题

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