用 angularjs 切换 sass 个变量

Question

我正在使用 angularjs 开发主题转换器，当用户更改他的主题时，我似乎无法找到一种方法如何将一个 sass 文件替换为另一个文件（它们都包含变量）主题。我知道当 sass 被编译为 css 时，变量就消失了。有没有办法切换这些文件并重新编译整个 css？我设法发现通过调用服务器重新编译 css 应该可以做到这一点，但我找不到更多信息。谢谢。

Answer 1

我们做这些事情的一种方式是为不同的主题创建多个文件。示例内容 =

variables ... 
primary: '#smtng'

.themeName{
   .header{
      background-color: primary
    }
}

并且在您的 app.html 中，您可以将 class 添加到您的 html 标签中，它将代表 themeName。您可以将主题名称保存在一些存储中并从那里加载它。

基本上您正在加载所有主题，但只渲染 css 活动主题

用 angularjs 切换 sass 个变量

Switching sass variables with angularjs

css

sass

angularjs

node-sass