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

Question

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

我想使用混合功能，found here , 在普通的 JavaScript 中，所以:

$('.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