ASP.NET更改LESS变量

Question

如何使用ASP.NET

更改LESS变量（＃333）的值

@color: #333;

.logo {
    color: @color;
}
.div {
    background: @color;
}

我正在尝试使用'Code Behind'动态编辑LESS文件中的变量值，这样当使用编码改变变量@color时，使用该变量的所有元素也将发生变化。

... codebehind > change @color = #666;

Answer 1

我认为这取决于你如何编译你的Less代码。

当您使用.less时，默认情况下无法使用modifyVars。 modifyVars需要延迟加载和最后声明获胜。 .less得到disable-variable-redefines选项：

  

使变量的行为更像less.js，因此使用最后一个变量定义

在Less中，您可以在之后放置一个变量定义，由于延迟加载和上次声明获胜，它会否决所有早期定义。另见

modifyVars除了后面的变量定义之外别无其他。

当您编译无代码节点时（web essentials），您应该可以使用modifyVars选项。

或者当你正常编译main.less时，你可以尝试编译一个新文件（动态编辑/生成）：

@import "main.less"
@color: red;