Question

这是我的代码

var parser = window.less.Parser();
        try{
            parser.parse(aztp_css_editor.getValue(), function(error, result){
                if(!error){
                    alert(result.toCSS());
                }else{
                    alert(error);
                }
            });
        }catch(error){
            alert(error);
        }

我在这里有一个mixins less文件http://lessprefixer.com/用于简写css3前缀，我如何将它设置为我的解析代码少？

Answer 1

我认为您应该更好地使用less.render功能，另请参阅：http://lesscss.org/usage/#programmatic-usage。

但实际上你可以使用@import指令，因为@ seven-phases-max已经明确了。

示例：

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.1.0/less.min.js"></script>
<script>
less.render('@import "test.less"; p {color: @red; }', {'include-path': 'test/'})
    .then(function(output) {
        // output.css = string of css
        // output.map = string of sourcemap
        // output.imports = array of string filenames of the imports referenced
        console.log(output.css);
    },
    function(error) {
    });
</script>

当test.less在与包含代码的html相同的路径中可用时，上面编译得很好（结果为output.css）。您还可以在导入中使用路径'@import "path/test.less";我没有发现设置include-path有任何影响。

如何在我的代码中使用less mixins文件？

1 个答案: