如何从JSON文件或typescript文件定义CSS变量？

Question

我想在Sass中定义CSS变量。 类似的东西：

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

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

我可以在没有Sass或Less的情况下执行此操作吗？ （或者没有css变量，因为它在IE中不受支持。）

我在项目中使用angular2和webpack。

Answer 1

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

一种经典的方法是根据＆＃34;主题＆＃34;进行思考，并在更高级别的元素（例如正文）上按类选择主题。你可以拥有

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

现在从你的JS你可以用

改变主题

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