如何在Meteor中动态更改较少的变量?

时间:2015-05-23 18:59:30

标签: meteor less

我的Meteor应用程序中加载了Less包,它运行正常。现在我需要允许我的应用程序的用户。覆盖我的较少变量。我看过了:

less.modifyVars({
    '@canvas': '#5B83AD'
});

但我的应用。是说“没有定义'”。有人可以建议如何做到这一点吗?

1 个答案:

答案 0 :(得分:4)

只有少量文件可以修改到他们编译为css文件的程度。部署Meteor应用程序时会发生这种情况。

在运行时无法更改较少的变量。你必须改为操纵DOM。 Jquery能够通过定位您想要更改的DOM元素来实现此目的。你必须用一个类来标记它们。

这种方法可以帮助您:

<div class="canvas"></div>

然后你可以使用Jquery在运行时编辑它:

$(".canvas").css({background: '#5B83AD'});

修改:我认为您引用的代码是来自https://github.com/less/less.js/less.js客户端文件。在&#39;客户端使用情况下,还有更多信息。在http://lesscss.org/

这与Meteor less包有点不同,后者在开发过程中完全是服务器端编译器。

如果您下载了less.js文件(来自https://github.com/less/less.js/archive/master.zip)并将其放在/client/compatiblity文件夹中,则可以按照您希望的方式使用它。请记住,您可能需要删除Meteor less包,因为您要将它们原始加载,您还需要手动引用它们,因为Meteor会在您删除less包后忽略它。 / p>