是否可以从较少的CSS调用较少变量的javascript函数？

Question

我必须从较少的CSS调用javascript函数以进行自定义。该函数需要将较少的变量从较少的文件传递给js。有可能做到吗？使用反引号可以在较少的文件中获取js变量，但我不知道如何从较少的文件中调用js函数？

demo.js

function getGradient(colorlist, dark, light){
   // some large customization
}

demo.less

@color: #ffffff,#000000,#cccccc;
@light: 20%;
@dark: 50%;
@gradient : ~`getGradient(@{color}, @{light}, @{dark})`;

以上代码无效。请让我知道是否可以从less访问js功能？

提前致谢。

Answer 1

您可以使用反引号将javascript嵌入到lesscss文件中。

例如：

@myObject: `function(){

    var myObject = {
        getSomething: function() {
            return( "This is yo' content!" );
        }
    };

    return( myObject );

}`;

注意反引号（不是单引号）。