如何在 JavaScript 中调用 Less.js 函数？

Question

如何在 JavaScript 中使用 less.js 函数？

我想在普通 JavaScript 中使用此处找到的 mix 函数，因此：

$('.orange-text').css({
    color: less.mix('#FF6B3A','#6600CC','50%')                       
});

但它总是未定义，我似乎找不到任何关于如何引用该函数的文档，但肯定有可能吗？

Answer 1

没有“官方”方式，但您可以使用functionRegistry.

假设您已less.js包含在页面上

var mix = less.functions.functionRegistry.get('mix');

var Color = less.tree.Color;
var d50 = new less.tree.Dimension(50);

var c1 = new Color("000fff");
var c2 = new Color("ff0000");
console.log(mix(c1, c2, d50).toRGB());

请注意，它使用lessjs内部结构并且在迁移到其他less版本时完全不可靠。所以如果你只想使用一个mix函数，可以考虑找一些库，或者自己写一个混合函数。

30 秒的谷歌搜索：https : //gist.github.com/jedfoster/7939513