Javascript 在运行时或启动时设置scss变量的值

Javascript 在运行时或启动时设置scss变量的值,javascript,css,sass,Javascript,Css,Sass,我有一个.scss文件,其中设置了变量,通过这些变量我可以计算其他值 我想在运行时更改它们的值,或者在启动时传递其他值。 有办法做到这一点吗 e、 g:在一个文件中,我有$myWidth:500px。此值有时必须不同, 我想以某种方式设置此值,而不创建不同的.scss文件,这意味着将为每个请求编译scss,从而降低机器速度并增加发送响应所需的时间 如果您想在运行时更改内容,可以在需要时包含另一个带有覆盖的scss文件。SASS就是我们所说的预处理器。这意味着在编写sass时没有实时性 您可以为所

我有一个.scss文件,其中设置了变量,通过这些变量我可以计算其他值

我想在运行时更改它们的值,或者在启动时传递其他值。 有办法做到这一点吗

e、 g:在一个文件中,我有$myWidth:500px。此值有时必须不同,
我想以某种方式设置此值,而不创建不同的.scss文件,这意味着将为每个请求编译scss,从而降低机器速度并增加发送响应所需的时间

如果您想在运行时更改内容,可以在需要时包含另一个带有覆盖的scss文件。

SASS就是我们所说的预处理器。这意味着在编写sass时没有实时性

您可以为所有可能的用例生成css代码,并通过更改类名或随意导入不同的css文件来启用或禁用它

例如,假设您希望根据前面的同级数更改div的宽度

@for $i from 0 through 15 {
  .container div:nth-child($i) {width: #{$i * 50}px;}
}

我认为这是不可能的。我也不明白这是怎么回事。SASS只是为了简化CSS的编写,最终的输出将是CSS文件,这正是OP要求如何避免的。。。这个答案没有建设性。另外,您的评论的第一部分是不准确的,因为sass不是按请求运行的,而是在构建时运行的。因此,它不会对加载时间产生影响。