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

Question

我创建了一个 LESS 文件并放入了一些颜色定义变量:

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

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

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

Answer 1

我认为您误解了如何使用 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 文件。