如何在CSS文件中保留LESS变量？

Question

我创建了一个LESS文件，并为颜色定义添加了一些变量：

@white:     #fff;
@black:     #000;

当生成CSS文件时，我丢失了所有变量，现在我不能使用less.modifyVars，因为CSS文件没有任何LESS变量。

如何在自动保存CSS时保留LESS变量？

Answer 1

LESS解析为CSS。因此，无论您在LESS中使用哪些变量，变量都会被其值替换。您的“自动保存”功能应始终将LESS解析为CSS，它是您在项目中包含的CSS文件。

完成（来自我的评论）：“less.modifyVars是一种辅助方法，您可以使用它来动态更改某些变量之前生成CSS。”

Answer 2

我认为你误解了如何使用modifyVars。这是我发现的一个例子：

<link rel="stylesheet/less" type="text/css" href="theme-1488.less">
<script src="less-1.4.2.js" type="text/javascript"></script>
<script>
        less.modifyVars({'@SCREEN_BODY_WIDTH' : '50px'});
</script>

请注意， .less 文件包含在页面中，而不是 .css 文件中。