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

Question

我想像 Sass 中那样定义 CSS 个变量。类似于：

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

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

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

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

Answer 1

当然不能在run-time设置SASS变量，因为那个时候SASS已经编译好了。

classic 方法是根据 "themes" 和 select 主题 class 在 higher-level 元素上思考（例如 body）。所以你可以

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

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

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

Ways to define CSS variables from JSON file or from typescript files?