如何访问 LESS 生成的 AST？

Question

我想通过访问AST对 LESS 样式表执行一些代码分析。该方案使用的文档只介绍渲染文件或字符串。

如何访问less.js AST？

Answer 1

Github 用户 Vecerek 也有类似的需求。less.parse可以与回调一起使用来访问 AST：

...我将实际代码放在这里，它可以用于获取 AST，以防有人面临同样的障碍并遇到此问题。

var less = require('less')
  , fs = require('fs')
  , path = require('path');

var src = './test_import.less'; //some less source file
var result = less.parse(fs.readFileSync(src).toString(), {
  filename: path.resolve(src)
}, function(e, tree) {
  console.log(JSON.stringify(tree, null, 2));
});

可以合理地调整此代码段以使用 promise 结构，我发现它更有用：

function lessAST(filename, options) {
    options = options || {};
    options.filename = path.resolve(filename);
    return new Promise(function (res, rej) {
        less.parse(fs.readFileSync(filename).toString(), options, function (e, tree) {
            if (e) {
                rej(e);
            } else {
                res(tree);
            }
        });
    });
}

用法示例：

lessAST('styles.less', {
    ...options...
}).then(function (tree) {
    ...do stuff with the AST...
});